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

    Publié le 20 avril 2009 par Guy (GuyTouch)


    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


    Guy

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

    Twitter Google+ 

  • Laissez un commentaire

  • Les Brèves