SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
Android
Jelly Bean
Premiers pas
Patrick Bashizi,
VMK | GDG Kinshasa
Intro
A propos
Déroulement
Prérequis
Intro
A propos
Déroulement
Prérequis
Intro
A propos
Déroulement
Prérequis
Intro
A propos
Déroulement
Prérequis
Topics
Action Bar
View Pager
Fragments
Action Bar
Premier topic
Action Bar
Android Jelly Bean
1.Identité de l’application
2. Position de l’utilisateur
3. Navigation cohérente à travers
différentes applications.
Motivation
L’icone de l’application : Identité et position
Dropdown Menu : Navigation
Boutons visibles: Actions principales
Autres actions :Actions secondaires
Principe
Implémentation
Tout (ou presque) se passe ici
Rester compatible avec les
Versions inférieures à
HoneyComb !!
V11: honeycomb
V14: ICS et JB
Exemple
- Icon
- Actions : search, settings, Help et
About
Android Jelly Bean
values/style.xml
<resources>
<style name="AppTheme“
parent="android:Theme.Light" />
</resources>
Values-11/Style.xml
<resources>
<style name="AppTheme"
parent="android:Theme.Holo.Light" />
</resources>
values-14/style.xml
<resources>
<style name="AppTheme"
parent="android:Theme.Holo.Light.DarkActionBar" />
</resources>
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>
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
Dans l’activité
@Override public boolean onCreateOptionsMenu(Menu
menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
Et les évenements?
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
// le reste aussi comme menu habituel
default:
return super.onOptionsItemSelected(item);
}
}
Et pour le retour arrière?
ActionBar actionBar = getActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
AB pour anciens APIs
ActionBarSherlock
Extension de la
Support
library
Support Package
Support Lib V4Support Lib V4 Support Lib V13Support Lib V13
Android Developer:
http://developer.android.com/guide/topics/ui/actionbar.html
ActionBarSherlock:
http://actionbarsherlock.com/
AB Style Generator :
http://jgilfelt.github.com/android-actionbarstylegenerator/
Conclusion
Vous savez comment intégrer l’AB à
votre application 
Q/A
Fragments
Deuxième topic
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)
Principe
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
Navigation entre fragment par
Tabs
Demo
Q/A
View Pager
Troisième topic
Principe
• Un layout permettant de glisser entre vues
• Souvent utilisé avec des fragments
• Encore en développement
• Utilise la support library ( v4 recommandé)
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>
Demo
• Tois fragments ( gauche, milieu, droite)
• Ecrire les xml et les Classes des
Fragments
• Ecrire un PagerAdapter
• Étendre android.support.v4.app.FragmentActivity;
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.
Q/A
Pour aller plus loin
http://developer.android.com/develop/index.html
Merci 

Más contenido relacionado

Destacado

Etendre le Web avec les Web Components
Etendre le Web avec les Web ComponentsEtendre le Web avec les Web Components
Etendre le Web avec les Web Componentscjolif
 
Structure interne-175218a
Structure interne-175218aStructure interne-175218a
Structure interne-175218aTafriqt Ugafa
 
Le questionnaire a choix multiples
Le questionnaire a choix multiplesLe questionnaire a choix multiples
Le questionnaire a choix multiplesKelly Moraes
 
Présentation et Initiative pour le développement Android
Présentation et Initiative pour le développement AndroidPrésentation et Initiative pour le développement Android
Présentation et Initiative pour le développement Androidyounes ben tlili
 
Tutorial android - créer des apps
Tutorial android - créer des appsTutorial android - créer des apps
Tutorial android - créer des appsNoé Breiss
 
Ordinateur+et+système+d'exploitation 1.pdf
Ordinateur+et+système+d'exploitation 1.pdfOrdinateur+et+système+d'exploitation 1.pdf
Ordinateur+et+système+d'exploitation 1.pdfs12ber
 
Info1 cours 1-software-st&sm1-mi-
Info1  cours 1-software-st&sm1-mi-Info1  cours 1-software-st&sm1-mi-
Info1 cours 1-software-st&sm1-mi-linuxscout
 
Info1 cours 2- Softwares MI/ST/SM
Info1  cours 2- Softwares  MI/ST/SMInfo1  cours 2- Softwares  MI/ST/SM
Info1 cours 2- Softwares MI/ST/SMlinuxscout
 
Info1 cours 4- bcd-gray v3
Info1  cours 4- bcd-gray v3Info1  cours 4- bcd-gray v3
Info1 cours 4- bcd-gray v3linuxscout
 
Cours Info1- ST/SM/MI : introduction à l'informatique
Cours Info1- ST/SM/MI : introduction  à l'informatiqueCours Info1- ST/SM/MI : introduction  à l'informatique
Cours Info1- ST/SM/MI : introduction à l'informatiquelinuxscout
 
Corrigé qcm initiation informatique sgbd - réseau - internet - architectu...
Corrigé qcm   initiation informatique   sgbd - réseau - internet - architectu...Corrigé qcm   initiation informatique   sgbd - réseau - internet - architectu...
Corrigé qcm initiation informatique sgbd - réseau - internet - architectu...Sofien Zarrouki
 
Algèbre de boole
Algèbre de booleAlgèbre de boole
Algèbre de boolelinuxscout
 

Destacado (14)

Etendre le Web avec les Web Components
Etendre le Web avec les Web ComponentsEtendre le Web avec les Web Components
Etendre le Web avec les Web Components
 
Structure interne-175218a
Structure interne-175218aStructure interne-175218a
Structure interne-175218a
 
Le questionnaire a choix multiples
Le questionnaire a choix multiplesLe questionnaire a choix multiples
Le questionnaire a choix multiples
 
Présentation et Initiative pour le développement Android
Présentation et Initiative pour le développement AndroidPrésentation et Initiative pour le développement Android
Présentation et Initiative pour le développement Android
 
Tutorial android - créer des apps
Tutorial android - créer des appsTutorial android - créer des apps
Tutorial android - créer des apps
 
Ordinateur+et+système+d'exploitation 1.pdf
Ordinateur+et+système+d'exploitation 1.pdfOrdinateur+et+système+d'exploitation 1.pdf
Ordinateur+et+système+d'exploitation 1.pdf
 
Gestion des ui
Gestion des uiGestion des ui
Gestion des ui
 
Info1 cours 1-software-st&sm1-mi-
Info1  cours 1-software-st&sm1-mi-Info1  cours 1-software-st&sm1-mi-
Info1 cours 1-software-st&sm1-mi-
 
Info1 cours 2- Softwares MI/ST/SM
Info1  cours 2- Softwares  MI/ST/SMInfo1  cours 2- Softwares  MI/ST/SM
Info1 cours 2- Softwares MI/ST/SM
 
Info1 cours 4- bcd-gray v3
Info1  cours 4- bcd-gray v3Info1  cours 4- bcd-gray v3
Info1 cours 4- bcd-gray v3
 
Cours Info1- ST/SM/MI : introduction à l'informatique
Cours Info1- ST/SM/MI : introduction  à l'informatiqueCours Info1- ST/SM/MI : introduction  à l'informatique
Cours Info1- ST/SM/MI : introduction à l'informatique
 
Corrigé qcm initiation informatique sgbd - réseau - internet - architectu...
Corrigé qcm   initiation informatique   sgbd - réseau - internet - architectu...Corrigé qcm   initiation informatique   sgbd - réseau - internet - architectu...
Corrigé qcm initiation informatique sgbd - réseau - internet - architectu...
 
Programmation sous Android
Programmation sous AndroidProgrammation sous Android
Programmation sous Android
 
Algèbre de boole
Algèbre de booleAlgèbre de boole
Algèbre de boole
 

Similar a Android Jelly Bean

Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5wyggio
 
OBJIS Congo présente 10 reperes cle du developpeur java
OBJIS Congo présente 10 reperes cle du developpeur javaOBJIS Congo présente 10 reperes cle du developpeur java
OBJIS Congo présente 10 reperes cle du developpeur javaDouglas MBIANDOU
 
Quelle galerie photo en ligne pour votre projet ?
Quelle galerie photo en ligne pour votre projet ?Quelle galerie photo en ligne pour votre projet ?
Quelle galerie photo en ligne pour votre projet ?StrasWeb
 
Android workshop - Bootcamp du Mauriapp Challenge 2016
Android workshop - Bootcamp du Mauriapp Challenge 2016Android workshop - Bootcamp du Mauriapp Challenge 2016
Android workshop - Bootcamp du Mauriapp Challenge 2016Hadina RIMTIC
 
Holo material design transition
Holo material design transitionHolo material design transition
Holo material design transitionQuentin Sallat
 
Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014Paris Android User Group
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidemaru.maru
 
cours-android.pdf
cours-android.pdfcours-android.pdf
cours-android.pdfmed_univ78
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileIppon
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilitéNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilitéJulien Dubois
 
Hibernate Native : télécharger et configurer
Hibernate Native : télécharger et configurerHibernate Native : télécharger et configurer
Hibernate Native : télécharger et configurerProfLibre
 
La mobilité dans Drupal
La mobilité dans DrupalLa mobilité dans Drupal
La mobilité dans DrupalAdyax
 
J'ai fait une app native en React Native
J'ai fait une app native en React NativeJ'ai fait une app native en React Native
J'ai fait une app native en React NativeCocoaHeads France
 
La syndication pour documentalistes
La syndication pour documentalistesLa syndication pour documentalistes
La syndication pour documentalistesSamuel Piret
 
Android-Tp4: stockage
Android-Tp4: stockageAndroid-Tp4: stockage
Android-Tp4: stockageLilia Sfaxi
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologiewyggio
 
Hibernate JPA : télécharger et configurer
Hibernate JPA : télécharger et configurerHibernate JPA : télécharger et configurer
Hibernate JPA : télécharger et configurerProfLibre
 

Similar a Android Jelly Bean (20)

Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5
 
OBJIS Congo présente 10 reperes cle du developpeur java
OBJIS Congo présente 10 reperes cle du developpeur javaOBJIS Congo présente 10 reperes cle du developpeur java
OBJIS Congo présente 10 reperes cle du developpeur java
 
Quelle galerie photo en ligne pour votre projet ?
Quelle galerie photo en ligne pour votre projet ?Quelle galerie photo en ligne pour votre projet ?
Quelle galerie photo en ligne pour votre projet ?
 
Android workshop - Bootcamp du Mauriapp Challenge 2016
Android workshop - Bootcamp du Mauriapp Challenge 2016Android workshop - Bootcamp du Mauriapp Challenge 2016
Android workshop - Bootcamp du Mauriapp Challenge 2016
 
Holo material design transition
Holo material design transitionHolo material design transition
Holo material design transition
 
Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
cours-android.pdf
cours-android.pdfcours-android.pdf
cours-android.pdf
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilitéNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
 
Introduction à Angular
Introduction à AngularIntroduction à Angular
Introduction à Angular
 
Hibernate Native : télécharger et configurer
Hibernate Native : télécharger et configurerHibernate Native : télécharger et configurer
Hibernate Native : télécharger et configurer
 
La mobilité dans Drupal
La mobilité dans DrupalLa mobilité dans Drupal
La mobilité dans Drupal
 
Html5 now light
Html5 now lightHtml5 now light
Html5 now light
 
J'ai fait une app native en React Native
J'ai fait une app native en React NativeJ'ai fait une app native en React Native
J'ai fait une app native en React Native
 
Frontend Operations
Frontend OperationsFrontend Operations
Frontend Operations
 
La syndication pour documentalistes
La syndication pour documentalistesLa syndication pour documentalistes
La syndication pour documentalistes
 
Android-Tp4: stockage
Android-Tp4: stockageAndroid-Tp4: stockage
Android-Tp4: stockage
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
 
Hibernate JPA : télécharger et configurer
Hibernate JPA : télécharger et configurerHibernate JPA : télécharger et configurer
Hibernate JPA : télécharger et configurer
 

Android Jelly Bean