Action Bar – AB
&
ActionBarSherlock - ABS
Elaboré par : Khallouli Emna
Date : 13/03/2014
Plan
 Action Bar
 ActionBar Sherlock
 ActionBar Compatibility
 Différence entre ABS et ABC
 Migration de ABS au ABC
...
C’est quoi Action bar ?
 C’est un composant graphique essentiel pour
des applications Android.
 La barre d'actions se si...
L’organisation générale
1. Icone de l’application
2. View Control
3. Action Buttons
4. Action Overflow
1. L’icone de l’application
 Etablit l'identité visuelle de l'application
 Permet de naviguer dans l’application.
2. View control
 Si votre application affiche les données dans des
différents points de vue, ce segment de la barre
d'act...
3. Action Buttons
 Définie les actions principales de notre
application.
Exemple:les Action Buttons utilisés dans
l’appli...
4. Action overflow
 Action overflow facilite l’accés aux actions qui sont
fréquemment utilisés.
Action overflow est situé...
Action Bar
Gmail App
Différentes
tailles
d'écran
Nombre d’item dans l’Action
Bar?
 Les Action Buttons ne peuvent pas occuper plus
que 50% de la largeur de l’Action Bar pr...
Nombre d’action dans l’action bar
principale?
 Density pixels (dp) détermine le nombre d’item
dans
l’action bar.
 Moins ...
C’est quoi ActionBarSherlock
(ABS)
 C’est l’API standard de l’ActionBar sur n’importe
quelle version d’Android.
 L’implé...
Thème d’exigence de ABS
 La librairie ABS nécessite trois thème :
 Theme.Sherlock
 Theme.Sherlock.Light
 Theme.Sherloc...
Petite mise en pratique
 Récupération
d’ActionBarSherlock
 Intégration dans une application
Pour accéder ActionBar utiliser getSupportActionBar () au lieu de getActionBar
Ajout de menu
Nous pouvons donc maintenant «inflater» notre menu en surchargeant
la méthode «onCreateOptionsMenu» de notre Activity
Demo de l'application
ActionBarSherlock
Exemple d'application avec un
ActionBarSherlock
Action Bar Compatibility
 A l’occasion de la sortie de l’API 18, Google vient
de mettre à jour sa support-library-v7qui p...
Débuter avec Action Bar Compat
 Les dépendances:
la bibliothèque android-support-v4
la bibliothèque android-support-v7
 Intégrer la bibliothèque android-support-v7
 Mise en place d’actionBarCompat
Le style
Les activités
Les menus
Nous pouvons donc maintenant «inflater» notre menu en surchargeant la
méthode «onCreateOptionsMenu» de notre Activity
Première application intégrante
l'Action Bar Compat
Différence entre ABS et ABC
Migration de ABS au ABC
 Les Activity
 Les fragments
 Les menus
Les items
L’inflater
Les actionView
 L’attribut showAsAction
Le thème
Récapitulatif
 L’action Bar native a été introduite avec Android
API11 (Android 3.0 Honeycomb)
 ActionBarSherlock est un...
Merci pour votre attention
Questions
Action Bar - AB & ActionBarSherlock - ABS
Action Bar - AB & ActionBarSherlock - ABS
Prochain SlideShare
Chargement dans…5
×

Action Bar - AB & ActionBarSherlock - ABS

818 vues

Publié le

Présentation élaborée par Mlle. Khallouli Emna dans le cadre des sessions de Lightning Talks à l'Orange Developer Center.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
818
Sur SlideShare
0
Issues des intégrations
0
Intégrations
16
Actions
Partages
0
Téléchargements
15
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Action Bar - AB & ActionBarSherlock - ABS

  1. 1. Action Bar – AB & ActionBarSherlock - ABS Elaboré par : Khallouli Emna Date : 13/03/2014
  2. 2. Plan  Action Bar  ActionBar Sherlock  ActionBar Compatibility  Différence entre ABS et ABC  Migration de ABS au ABC  Récapitulatif
  3. 3. C’est quoi Action bar ?  C’est un composant graphique essentiel pour des applications Android.  La barre d'actions se situe généralement en haut d'une activité.  Elle permet notamment de donner une identité visuelle à l’application. Ainsi, l’utilisateur pourra l’identifier d’un seul coup d’œil.  Elle a été introduite avec la version 3.0 d'Android (Honeycomb).
  4. 4. L’organisation générale 1. Icone de l’application 2. View Control 3. Action Buttons 4. Action Overflow
  5. 5. 1. L’icone de l’application  Etablit l'identité visuelle de l'application  Permet de naviguer dans l’application.
  6. 6. 2. View control  Si votre application affiche les données dans des différents points de vue, ce segment de la barre d'action vous permet de basculer entre les vues. i. Drop-down menus ii. Tab controls iii. Custom Navigation  Le titre de l’application ,ainsi que plusieurs informations peuvent utiliser cet espace.
  7. 7. 3. Action Buttons  Définie les actions principales de notre application. Exemple:les Action Buttons utilisés dans l’application Gmail.
  8. 8. 4. Action overflow  Action overflow facilite l’accés aux actions qui sont fréquemment utilisés. Action overflow est situé dans la partie droite de l’Action Bar.
  9. 9. Action Bar Gmail App Différentes tailles d'écran
  10. 10. Nombre d’item dans l’Action Bar?  Les Action Buttons ne peuvent pas occuper plus que 50% de la largeur de l’Action Bar principale.  Les Action Buttons sur l’action bar en bas peuvent utiliser toute la largeur.
  11. 11. Nombre d’action dans l’action bar principale?  Density pixels (dp) détermine le nombre d’item dans l’action bar.  Moins de 360 dp = 2 icons  360-499 dp = 3 icons  500-599 dp = 4 icons  600 dp et plus= 5 icons
  12. 12. C’est quoi ActionBarSherlock (ABS)  C’est l’API standard de l’ActionBar sur n’importe quelle version d’Android.  L’implémentation native sur Android 4.x.  Une implémentation dédiée pour toutes les versions antérieures (c’est-à-dire même avec Android 3.x) en utilisant une version largement modifiée par rapport à ce qui est disponible dans le projet AOSP.  Developpé par : Jake Wharton
  13. 13. Thème d’exigence de ABS  La librairie ABS nécessite trois thème :  Theme.Sherlock  Theme.Sherlock.Light  Theme.Sherlock.Light.DarkActionBar  L'un des thèmes ci-dessus est incontournable pour toutes les activités ayant Action Bar.
  14. 14. Petite mise en pratique  Récupération d’ActionBarSherlock
  15. 15.  Intégration dans une application
  16. 16. Pour accéder ActionBar utiliser getSupportActionBar () au lieu de getActionBar Ajout de menu
  17. 17. Nous pouvons donc maintenant «inflater» notre menu en surchargeant la méthode «onCreateOptionsMenu» de notre Activity
  18. 18. Demo de l'application ActionBarSherlock
  19. 19. Exemple d'application avec un ActionBarSherlock
  20. 20. Action Bar Compatibility  A l’occasion de la sortie de l’API 18, Google vient de mettre à jour sa support-library-v7qui permet d’utiliser des composants récents sur de vieilles versions d’Android tel que l'ActionBar Compat.
  21. 21. Débuter avec Action Bar Compat  Les dépendances: la bibliothèque android-support-v4 la bibliothèque android-support-v7
  22. 22.  Intégrer la bibliothèque android-support-v7
  23. 23.  Mise en place d’actionBarCompat Le style Les activités Les menus
  24. 24. Nous pouvons donc maintenant «inflater» notre menu en surchargeant la méthode «onCreateOptionsMenu» de notre Activity
  25. 25. Première application intégrante l'Action Bar Compat
  26. 26. Différence entre ABS et ABC
  27. 27. Migration de ABS au ABC  Les Activity  Les fragments  Les menus Les items L’inflater
  28. 28. Les actionView
  29. 29.  L’attribut showAsAction
  30. 30. Le thème
  31. 31. Récapitulatif  L’action Bar native a été introduite avec Android API11 (Android 3.0 Honeycomb)  ActionBarSherlock est un API standard de l’ActionBar sur n’importe quelle version d’Android.  La librairie ABS utilise une implémentation native sur Android 4.x.  ActionBar Compatibility
  32. 32. Merci pour votre attention
  33. 33. Questions

×