SlideShare a Scribd company logo
1 of 35
Download to read offline
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
 Récapitulatif
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).
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'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.
3. Action Buttons
 Définie les actions principales de notre
application.
Exemple:les Action Buttons utilisés dans
l’application Gmail.
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.
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 principale.
 Les Action Buttons sur l’action bar en bas
peuvent utiliser toute la largeur.
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
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
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.
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 permet
d’utiliser des composants récents sur de vieilles
versions d’Android tel que l'ActionBar Compat.
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
Action Bar - AB & ActionBarSherlock - ABS
Action Bar - AB & ActionBarSherlock - ABS
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 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
Merci pour votre attention
Questions

More Related Content

Similar to Action Bar - AB & ActionBarSherlock - ABS

Niji_Rapport prévention_2023.pptx
Niji_Rapport prévention_2023.pptxNiji_Rapport prévention_2023.pptx
Niji_Rapport prévention_2023.pptxGabriel DUPONT
 
Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Farouk Mezghich
 
P2 éléments graphiques android
P2 éléments graphiques androidP2 éléments graphiques android
P2 éléments graphiques androidLilia Sfaxi
 
Initiation au développement mobile sous Android
Initiation au développement mobile sous AndroidInitiation au développement mobile sous Android
Initiation au développement mobile sous AndroidAbdelkader Rhouati
 
Holo material design transition
Holo material design transitionHolo material design transition
Holo material design transitionQuentin Sallat
 

Similar to Action Bar - AB & ActionBarSherlock - ABS (8)

Niji_Rapport prévention_2023.pptx
Niji_Rapport prévention_2023.pptxNiji_Rapport prévention_2023.pptx
Niji_Rapport prévention_2023.pptx
 
ActionBar Android
ActionBar AndroidActionBar Android
ActionBar Android
 
Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)
 
Action bar sous Android
Action bar sous AndroidAction bar sous Android
Action bar sous Android
 
My droid
My droidMy droid
My droid
 
P2 éléments graphiques android
P2 éléments graphiques androidP2 éléments graphiques android
P2 éléments graphiques android
 
Initiation au développement mobile sous Android
Initiation au développement mobile sous AndroidInitiation au développement mobile sous Android
Initiation au développement mobile sous Android
 
Holo material design transition
Holo material design transitionHolo material design transition
Holo material design transition
 

More from ODC Orange Developer Center

Tendances des applications mobiles en 2014 de Noha Jaafar
Tendances des applications mobiles en 2014 de Noha JaafarTendances des applications mobiles en 2014 de Noha Jaafar
Tendances des applications mobiles en 2014 de Noha JaafarODC Orange Developer Center
 

More from ODC Orange Developer Center (20)

Lightning Talks Réalité Augmentée
 Lightning Talks Réalité Augmentée Lightning Talks Réalité Augmentée
Lightning Talks Réalité Augmentée
 
Graphiste vs dévelopeur de Noha Jaafar
Graphiste vs dévelopeur de Noha JaafarGraphiste vs dévelopeur de Noha Jaafar
Graphiste vs dévelopeur de Noha Jaafar
 
Tendances des applications mobiles en 2014 de Noha Jaafar
Tendances des applications mobiles en 2014 de Noha JaafarTendances des applications mobiles en 2014 de Noha Jaafar
Tendances des applications mobiles en 2014 de Noha Jaafar
 
Countly
CountlyCountly
Countly
 
Owasp
OwaspOwasp
Owasp
 
Frameworks de développement Mobile
Frameworks de développement MobileFrameworks de développement Mobile
Frameworks de développement Mobile
 
Les bibliothèques sous Android
Les bibliothèques sous AndroidLes bibliothèques sous Android
Les bibliothèques sous Android
 
Les Fragments
Les FragmentsLes Fragments
Les Fragments
 
Sencha Touch
Sencha TouchSencha Touch
Sencha Touch
 
Personnalisation bouton et animations Android
Personnalisation bouton et animations AndroidPersonnalisation bouton et animations Android
Personnalisation bouton et animations Android
 
Android Device Monitor
Android Device MonitorAndroid Device Monitor
Android Device Monitor
 
Monkey & Monkey Runner
Monkey & Monkey RunnerMonkey & Monkey Runner
Monkey & Monkey Runner
 
Itinéraire sur Google Maps
Itinéraire sur Google MapsItinéraire sur Google Maps
Itinéraire sur Google Maps
 
Partage sur les réseaux sociaux
Partage sur les réseaux sociauxPartage sur les réseaux sociaux
Partage sur les réseaux sociaux
 
Shared Preferences
Shared PreferencesShared Preferences
Shared Preferences
 
Upload - Download
Upload - DownloadUpload - Download
Upload - Download
 
Upload - Download
Upload - DownloadUpload - Download
Upload - Download
 
Sensors
SensorsSensors
Sensors
 
Framework php « Codeignitor »
Framework php « Codeignitor » Framework php « Codeignitor »
Framework php « Codeignitor »
 
J Unit
J UnitJ Unit
J Unit
 

Action Bar - AB & ActionBarSherlock - ABS

  • 1. Action Bar – AB & ActionBarSherlock - ABS Elaboré par : Khallouli Emna Date : 13/03/2014
  • 2. Plan  Action Bar  ActionBar Sherlock  ActionBar Compatibility  Différence entre ABS et ABC  Migration de ABS au ABC  Récapitulatif
  • 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. L’organisation générale 1. Icone de l’application 2. View Control 3. Action Buttons 4. Action Overflow
  • 5. 1. L’icone de l’application  Etablit l'identité visuelle de l'application  Permet de naviguer dans l’application.
  • 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. 3. Action Buttons  Définie les actions principales de notre application. Exemple:les Action Buttons utilisés dans l’application Gmail.
  • 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.
  • 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. 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. 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. 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. Petite mise en pratique  Récupération d’ActionBarSherlock
  • 15.  Intégration dans une application
  • 16. Pour accéder ActionBar utiliser getSupportActionBar () au lieu de getActionBar Ajout de menu
  • 17. Nous pouvons donc maintenant «inflater» notre menu en surchargeant la méthode «onCreateOptionsMenu» de notre Activity
  • 19. Exemple d'application avec un ActionBarSherlock
  • 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. Débuter avec Action Bar Compat  Les dépendances: la bibliothèque android-support-v4 la bibliothèque android-support-v7
  • 22.  Intégrer la bibliothèque android-support-v7
  • 23.  Mise en place d’actionBarCompat Le style Les activités Les menus
  • 24. Nous pouvons donc maintenant «inflater» notre menu en surchargeant la méthode «onCreateOptionsMenu» de notre Activity
  • 29. Migration de ABS au ABC  Les Activity  Les fragments  Les menus Les items L’inflater
  • 33. 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
  • 34. Merci pour votre attention