• 20avr

    Développez une application pour android etape 10 (un peu d’animation sous android)



    Aujourd’hui je vais mettre en place un peu d’animation dans mon application , je vais faire arriver ma fenêtre de ma liste  de recette en slide de la gauche vers la droit.

    Dans mon fichier liste_recette.xml dans la balise ListView je rajoute l’attribut  android:layoutAnimation=”@anim/layout_bottom_to_top_slide”.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    
    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/container"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
     
        <ListView
            android:id="@android:id/list"
            android:persistentDrawingCache="animation|scrolling"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layoutAnimation="@anim/layout_bottom_to_top_slide" />
         </FrameLayout>

    Dans le répertoire res je crée un repertoire  anim, ou je vais rajouter deux fichiers, layout_bottom_to_top_slide.xml et slide_right.xml.

    Dans le fichier layout_bottom_to_top_slide.xml, j’ai 3 attributs dans la balise layoutAnimation qui  m’interresse

    • android:delay la valeur fixe le temps de retardement du debut de l’amination
    • android:animationOrder L’ordre dans lequel les animations seront lancés valeur (normal,reverse,random)
    • android:animation je passe le fichier de setting de l’animation
    1
    2
    3
    4
    5
    
    <?xml version="1.0" encoding="utf-8"?>
    <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
            android:delay="30%"
            android:animationOrder="reverse"
            android:animation="@anim/slide_right" />

    Et fichier slide_right.xml le setting de l’animation

    1
    2
    3
    4
    
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
        <translate android:fromXDelta="-100%p" android:toXDelta="0" android:duration="150" />
    </set>

    Un peu de mouvement dans l’application.

    code source ici

    Il est temps de mettre à profit les tutoriels d’Android France:
    Passez à la vitesse supérieure et investissez quelques dizaines d’euros pour acquérir les connaissances qui vous feront gagner de l’argent avec vos applications rendez-vous sur notre boutique Android-france pour ces formations en vidéo


    Apprenez à développer en vidéo

    Guy

    Co-fondateur du site Android france, senior lead developper, passionné de bière et de cigare cubain

    Twitter Google+ 

5 commentaires

  1. 13 avril 2010 à 16 h 34 min

    Bonjour,
    comment tu fais appel à cette animation après?

  2. 13 avril 2010 à 16 h 40 min

    @nedra c’est la balise “android:animation=”@anim/slide_right”" que tu rajoute dans les éléments sur lequel tu appliques ton amination

  3. 22 avril 2010 à 9 h 16 min

    merci ;)

Laissez un commentaire

     Vous devez être identifié pour publier un commentaire.
     Connexion - Inscription