Personnalisation bouton et animations Android

  • View
    665

  • Download
    0

Embed Size (px)

DESCRIPTION

Présentation élaborée par M. Achraf Mehrez dans le cadre des sessions de Lightning Talks à l'Orange Developer Center.

Text of Personnalisation bouton et animations Android

  • 1. Lightning talk: Personnalisation bouton et animations android Orange Developer Center Achraf Mehrez Elve ingnieur stagiaire chez Orange 10/04/2014, Orange Developer Center

2. 2 Orange confidentialOrange presentation Plan Section 1 Comment customiser les boutons sous Android ? Section 2 Les animations Android ? 3. 3 Orange confidentialOrange presentation Comment customiser les boutons sous Android ? 1- Ajouter les background dsirs pour le bouton dans les diffrents tats sous res/drawable/ . 2- Crer un fichier XML custom_button :res/drawable/custom_button.xml La cration de ce nouveau Drawable qui sera utilis comme arrire plan de notre bouton. On utilise simplement la balise dans laquelle on ajoute tous nos Drawables sous la forme de balises . Pour associer le Drawable un tat on utilise (android:state..) dans la balise . 4. 4 Orange confidentialOrange presentation Le bouton est : - Dfaut : Lorsquil est inactif (disabled) - - Press : - Autre : (Lorsquil a le focus , ) - Remarque: Attention lordre des items dans la balise . Les diffrents tats dun bouton 5. 5 Orange confidentialOrange presentation Exemple simple 6. 6 Orange confidentialOrange presentation 3- Modifier la proprit android:background du bouton dans fichier XML qui se trouve dans layout . 7. 7 Orange confidential Les animations Android ? Orange presentation 8. 8 Orange confidentialOrange presentation Les animations Android ? 1- Dfinition de lanimation en XML : Cration dun fichier XML qui dfinie lanimation dsir res/anim/ animation.xml 9. 9 Orange confidentialOrange presentation Dfinition en XML : *Transparence: permetdefaireapparatreoudisparatreunevue. android:fromAlpha:Estlatransparencededpartavec0.0unevuetotalementtransparente et1.0unevuetotalementvisible. android:toAlpha:Estlatransparencefinalevoulueavec0.0unevuetotalementtransparente et1.0unevuetotalementvisible. *Rotation: permetdefairetournerunevueautourd'unaxe. android:fromDegrees:Estl'anglededpart. android:pivotX:Estlacoordonneducentrederotationsurl'axeX(enpourcentagesparrapport lagauchedelavue,parexemple50%correspondaumilieudelavueet100%auborddroit). android:pivotY:Estlacoordonneducentrederotationsurl'axeY(enpourcentagesparrapport auplafonddelavue). android:toDegrees:Estl'anglevoululafin. 10. 10 Orange confidentialOrange presentation *Taille: permetd'agrandirouderduireunevue. android:fromXScale:Estlataillededpartsurl'axeX(1.0pourlavaleuractuelle). android:fromYScale:Estlataillededpartsurl'axeY(1.0pourlavaleuractuelle). android:pivotX:(identique). android:pivotY:(identique). android:toXScale:Estlataillevouluesurl'axeX(1.0pourlavaleurdedpart). android:toYScale:Estlataillevouluesurl'axeY(1.0pourlavaleurdedpart). *Mouvement: permetdefairesubirunetranslationunevue(mouvementrectiligne). android:fromXDelta:Estlepointdedpartsurl'axeX(enpourcentages). android:fromYDelta:Estlepointdedpartsurl'axeY(enpourcentages). android:toXDelta:Estlepointd'arrivesurl'axeX(enpourcentages). android:toYDelta:Estlepointd'arrivesurl'axeY(enpourcentages). 11. 11 Orange confidential 2- Le chargement de lanimation xml dans lactivit en utilisant AnimationUtils: Orange presentation 12. 12 Orange confidential 3- L'vnementiel dans les animations : Ilyatroisvnementsquipeuventtregrsdanslecode: lelancementdel'animation, lafindel'animation, chaquedbutd'unerptition. 13. 13 Orange confidentialOrange presentation L'vnementiel dans les animations : 14. 14 Orange confidential Bibliographie http://cyrilmottier.com/2009/10/01/creer-des-boutons- personnalises/ http://developer.android.com/guide/topics/ui/controls/button.html http://fr.openclassrooms.com/informatique/cours/creez-des- applications-pour-android/les-animations-1www.forum-smsc.org http://www.androidhive.info/2013/06/android-working-with-xml- animations/ Orange presentation 15. Merci pour votre attention