Action Bar - AB & ActionBarSherlock - ABS

35
Action Bar – AB & ActionBarSherlock - ABS laboré par : Khallouli Emna Date : 13/03/2014

description

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

Transcript of Action Bar - AB & ActionBarSherlock - ABS

Page 1: Action Bar - AB & ActionBarSherlock - ABS

Action Bar – AB&

ActionBarSherlock - ABS

Elaboré par : Khallouli EmnaDate : 13/03/2014

Page 2: Action Bar - AB & ActionBarSherlock - ABS

Plan

Action BarActionBar SherlockActionBar CompatibilityDifférence entre ABS et ABCMigration de ABS au ABCRécapitulatif

Page 3: Action Bar - AB & ActionBarSherlock - ABS

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).

Page 4: Action Bar - AB & ActionBarSherlock - ABS

L’organisation générale

1. Icone de l’application2. View Control3. Action Buttons4. Action Overflow

Page 5: Action Bar - AB & ActionBarSherlock - ABS

1. L’icone de l’application

 Etablit l'identité visuelle de l'application

 Permet de naviguer dans l’application.

Page 6: Action Bar - AB & ActionBarSherlock - ABS

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 menusii. Tab controlsiii. Custom Navigation

Le titre de l’application ,ainsi que plusieurs informations peuvent utiliser cet espace.

Page 7: Action Bar - AB & ActionBarSherlock - ABS

3. Action Buttons

Définie les actions principales de notre application.

Exemple:les Action Buttons utilisés dans l’application Gmail.

Page 8: Action Bar - AB & ActionBarSherlock - ABS

4. Action overflowAction 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.

Page 9: Action Bar - AB & ActionBarSherlock - ABS

Action Bar

Gmail App

Différentes tailles d'écran

Page 10: Action Bar - AB & ActionBarSherlock - ABS

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.

Page 11: Action Bar - AB & ActionBarSherlock - ABS

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 icons360-499 dp = 3 icons500-599 dp = 4 icons600 dp et plus= 5 icons

Page 12: Action Bar - AB & ActionBarSherlock - ABS

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

Page 13: Action Bar - AB & ActionBarSherlock - ABS

Thème d’exigence de ABSLa librairie ABS nécessite trois thème :

Theme.SherlockTheme.Sherlock.LightTheme.Sherlock.Light.DarkActionBar

L'un des thèmes ci-dessus est incontournable pour toutes les activités ayant Action Bar.

Page 14: Action Bar - AB & ActionBarSherlock - ABS

Petite mise en pratiqueRécupération

d’ActionBarSherlock

Page 15: Action Bar - AB & ActionBarSherlock - ABS

Intégration dans une application

Page 16: Action Bar - AB & ActionBarSherlock - ABS

Pour accéder ActionBar utiliser getSupportActionBar () au lieu de getActionBar ().

Ajout de menu

Page 17: Action Bar - AB & ActionBarSherlock - ABS

Nous pouvons donc maintenant «inflater» notre menu en surchargeant la méthode «onCreateOptionsMenu» de notre Activity 

Page 18: Action Bar - AB & ActionBarSherlock - ABS

Demo de l'applicationActionBarSherlock

Page 19: Action Bar - AB & ActionBarSherlock - ABS

Exemple d'application avec unActionBarSherlock

Page 20: Action Bar - AB & ActionBarSherlock - ABS

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.

Page 21: Action Bar - AB & ActionBarSherlock - ABS

Débuter avec Action Bar Compat

Les dépendances:la bibliothèque android-support-v4 la bibliothèque android-support-v7

Page 22: Action Bar - AB & ActionBarSherlock - ABS

Intégrer la bibliothèque android-support-v7

Page 23: Action Bar - AB & ActionBarSherlock - ABS

Mise en place d’actionBarCompatLe style

Les activités

Les menus

Page 24: Action Bar - AB & ActionBarSherlock - ABS

Nous pouvons donc maintenant «inflater» notre menu en surchargeant la méthode «onCreateOptionsMenu» de notre Activity 

Page 25: Action Bar - AB & ActionBarSherlock - ABS

Première application intégrantel'Action Bar Compat

Page 26: Action Bar - AB & ActionBarSherlock - ABS

Différence entre ABS et ABC

Page 27: Action Bar - AB & ActionBarSherlock - ABS
Page 28: Action Bar - AB & ActionBarSherlock - ABS
Page 29: Action Bar - AB & ActionBarSherlock - ABS

Migration de ABS au ABCLes ActivityLes fragmentsLes menusLes items

L’inflater

Page 30: Action Bar - AB & ActionBarSherlock - ABS

Les actionView

Page 31: Action Bar - AB & ActionBarSherlock - ABS

L’attribut showAsAction

Page 32: Action Bar - AB & ActionBarSherlock - ABS

Le thème

Page 33: Action Bar - AB & ActionBarSherlock - ABS

RécapitulatifL’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

Page 34: Action Bar - AB & ActionBarSherlock - ABS

Merci pour votre attention

Page 35: Action Bar - AB & ActionBarSherlock - ABS

Questions