Download - Android Jelly Bean

Transcript
Page 1: Android Jelly Bean

Android Jelly Bean Premiers pas

Patrick Bashizi,

VMK | GDG Kinshasa

Page 2: Android Jelly Bean

Intro

A propos

Déroulement

Prérequis

Page 3: Android Jelly Bean

Intro

A propos

Déroulement

Prérequis

Page 4: Android Jelly Bean

Intro

A propos

Déroulement

Prérequis

Page 5: Android Jelly Bean

Intro

A propos

Déroulement

Prérequis

Page 6: Android Jelly Bean

Topics

Action Bar

View Pager

Fragments

Page 7: Android Jelly Bean

Action BarPremier topic

Page 8: Android Jelly Bean

Action Bar

Page 9: Android Jelly Bean
Page 10: Android Jelly Bean

1.Identité de l’application2. Position de l’utilisateur

3. Navigation cohérente à travers différentes applications.

Motivation

Page 11: Android Jelly Bean

L’icone de l’application : Identité et position

Dropdown Menu : Navigation

Boutons visibles: Actions principales

Autres actions :Actions secondaires

Principe

Page 12: Android Jelly Bean

Implémentation

Tout (ou presque) se passe ici

Rester compatible avec les Versions inférieures à HoneyComb !!

V11: honeycombV14: ICS et JB

Page 13: Android Jelly Bean

Exemple

- Icon

- Actions : search, settings, Help et About

Page 14: Android Jelly Bean
Page 15: Android Jelly Bean

values/style.xml

<resources>

<style name="AppTheme“ parent="android:Theme.Light" />

</resources>

Page 16: Android Jelly Bean

Values-11/Style.xml

<resources>

<style name="AppTheme" parent="android:Theme.Holo.Light" />

</resources>

Page 17: Android Jelly Bean

values-14/style.xml

<resources>

<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar" />

</resources>

Page 18: Android Jelly Bean

Enfin le menu<menu xmlns:android="http://schemas.android.com/apk/res/android" >

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

Page 19: Android Jelly Bean

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

Page 20: Android Jelly Bean

Dans l’activité

@Override public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.activity_main, menu);

return true;

}

Page 21: Android Jelly Bean

Et les évenements?

@Override

public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) {

// le reste aussi comme menu habituel

default:

return super.onOptionsItemSelected(item);

}

}

Page 22: Android Jelly Bean

Et pour le retour arrière?

ActionBar actionBar = getActionBar();

actionBar.setDisplayHomeAsUpEnabled(true);

Page 23: Android Jelly Bean

AB pour anciens APIs

ActionBarSherlock

Extension de la Support library

Page 24: Android Jelly Bean

Support Package

Support Lib V4Support Lib V4 Support Lib V13Support Lib V13

Page 25: Android Jelly Bean

Android Developer:

http://developer.android.com/guide/topics/ui/actionbar.html

ActionBarSherlock:

http://actionbarsherlock.com/

AB Style Generator :

http://jgilfelt.github.com/android-actionbarstylegenerator/

Page 26: Android Jelly Bean

Conclusion

Vous savez comment intégrer l’AB à votre application

Page 27: Android Jelly Bean

Q/A

Page 28: Android Jelly Bean

FragmentsDeuxième topic

Page 29: Android Jelly Bean

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)

Page 30: Android Jelly Bean

Principe

Page 31: Android Jelly Bean

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

Page 32: Android Jelly Bean

Navigation entre fragment par Tabs

Page 33: Android Jelly Bean

Demo

Page 34: Android Jelly Bean

Q/A

Page 35: Android Jelly Bean

View PagerTroisième topic

Page 36: Android Jelly Bean

Principe

• Un layout permettant de glisser entre vues

• Souvent utilisé avec des fragments

• Encore en développement

• Utilise la support library ( v4 recommandé)

Page 37: Android Jelly Bean

Utilisation

• <?xml version="1.0" encoding="utf-8"?> <android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/viewpager"> </android.support.v4.view.ViewPager>

Page 38: Android Jelly Bean

Demo

• Tois fragments ( gauche, milieu, droite)

• Ecrire les xml et les Classes des Fragments

• Ecrire un PagerAdapter• Étendre android.support.v4.app.FragmentActivity;

Page 39: Android Jelly Bean

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.

Page 40: Android Jelly Bean

Q/A

Page 41: Android Jelly Bean

Pour aller plus loin

http://developer.android.com/develop/index.html

Page 42: Android Jelly Bean

Merci


Top Related