Android Jelly Bean

689 vues

Publié le

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
689
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
40
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Android Jelly Bean

  1. 1. Android Jelly Bean Premiers pas Patrick Bashizi, VMK | GDG Kinshasa
  2. 2. Intro A propos Déroulement Prérequis
  3. 3. Intro A propos Déroulement Prérequis
  4. 4. Intro A propos Déroulement Prérequis
  5. 5. Intro A propos Déroulement Prérequis
  6. 6. Topics Action Bar View Pager Fragments
  7. 7. Action Bar Premier topic
  8. 8. Action Bar
  9. 9. 1.Identité de l’application 2. Position de l’utilisateur 3. Navigation cohérente à travers différentes applications. Motivation
  10. 10. L’icone de l’application : Identité et position Dropdown Menu : Navigation Boutons visibles: Actions principales Autres actions :Actions secondaires Principe
  11. 11. Implémentation Tout (ou presque) se passe ici Rester compatible avec les Versions inférieures à HoneyComb !! V11: honeycomb V14: ICS et JB
  12. 12. Exemple - Icon - Actions : search, settings, Help et About
  13. 13. values/style.xml <resources> <style name="AppTheme“ parent="android:Theme.Light" /> </resources>
  14. 14. Values-11/Style.xml <resources> <style name="AppTheme" parent="android:Theme.Holo.Light" /> </resources>
  15. 15. values-14/style.xml <resources> <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar" /> </resources>
  16. 16. Enfin le menu <menu xmlns:android="http://schemas.android.com/apk/res/an droid" > <item android:id="@+id/menu_search" android:icon="@drawable/ic_action_search" android:showAsAction=« ifRoom|withText" android:title="@string/menu_search"/> <item android:id="@+id/menu_about" android:icon="@android:drawable/ic_menu_info_details « android:showAsAction="never" android:title="@string/menu_about"/> </menu>
  17. 17. ifRoom: L’élement sera ajouté aux actions principales de l’ActionBar si une place est disponible never : Ne jamais rajouter l’action aux actions principales de l’ActionBar always : Toujours rajouter l’action aux actions principales de l’ActionBar. Déconseillé; préférez la valeur ifRoom. withText : Toujours afficher le texte représentant l’action ShowAsAction
  18. 18. Dans l’activité @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.activity_main, menu); return true; }
  19. 19. Et les évenements? @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { // le reste aussi comme menu habituel default: return super.onOptionsItemSelected(item); } }
  20. 20. Et pour le retour arrière? ActionBar actionBar = getActionBar(); actionBar.setDisplayHomeAsUpEnabled(true);
  21. 21. AB pour anciens APIs ActionBarSherlock Extension de la Support library
  22. 22. Support Package Support Lib V4Support Lib V4 Support Lib V13Support Lib V13
  23. 23. Android Developer: http://developer.android.com/guide/topics/ui/actionbar.html ActionBarSherlock: http://actionbarsherlock.com/ AB Style Generator : http://jgilfelt.github.com/android-actionbarstylegenerator/
  24. 24. Conclusion Vous savez comment intégrer l’AB à votre application 
  25. 25. Q/A
  26. 26. Fragments Deuxième topic
  27. 27. Quid • Morceau d’une application • Entre une view ni une Activity • Permet de faire des application mutli- screes size • Est portable entre plusieur applications/activities • Depuis HoenyComb ou Android 3.0 (Tablet attitude)
  28. 28. Principe
  29. 29. Crée un Fragment • Il y a plusieurs façons de créer un fragement • Nous allons voir la plus simple • TD : Comprendre le cycle de vie d’un fragment
  30. 30. Navigation entre fragment par Tabs
  31. 31. Demo
  32. 32. Q/A
  33. 33. View Pager Troisième topic
  34. 34. Principe • Un layout permettant de glisser entre vues • Souvent utilisé avec des fragments • Encore en développement • Utilise la support library ( v4 recommandé)
  35. 35. Utilisation • <?xml version="1.0" encoding="utf-8"?> <android.support.v4.view.ViewPager xmlns:android="http://schemas.android.co m/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/viewpager"> </android.support.v4.view.ViewPager>
  36. 36. Demo • Tois fragments ( gauche, milieu, droite) • Ecrire les xml et les Classes des Fragments • Ecrire un PagerAdapter • Étendre android.support.v4.app.FragmentActivity;
  37. 37. Demo (suite) • Pour passer d’une page à une autre, nous avons besoin d’un adapter (à la manière des ListView). • L’adapter étend FragmentPagerAdapter. • Il fonctionne sur le même principe que les Adapters de ListViews.
  38. 38. Q/A
  39. 39. Pour aller plus loin http://developer.android.com/develop/index.html
  40. 40. Merci 

×