Apéro Tech’ ANDROID Damien Chaillou 1 / 25

Plan de la présentation : 1.Installation du poste de travail 2.Android SDK 3.Hello World 4.User Interface 5.Aller plus loin 2 / 25

1 – Installation du poste de travail Avec Eclipse : Télécharger Eclipse SDK Android ADT* plugin pour eclipse Repository du plugin : Création d’AVD* Mise à Jour du SDK 3 / 25 * ADT : Android Development Tools * AVD : Android Virtual Device

2 – Android SDK 4 / 25 > C:\Program Files\Android\android-sdk add-ons : plateformes et images pour l’émulateur docs : copie hors-ligne de la dernière doc Android extras : librairies et applications extra platforms : ensemble des images virtuelles platform-tools : outils gérant les plateformes (adt) samples : projets exemples / tutoriaux sources : code source Android system-images : images virtuelles tools : outils de debug, test et de création

3 – Hello World 5 / 25 Codons un peu !

3 – Hello World 6 / 25 Cycle de vie d’une activité

4 – User Interface 7 / 25 UI sous Android Layout et composites

4 – User Interface 8 / 25 FrameLayout View group n’affichant qu’un seul enfant <Button android:layout_width="100dp" android:layout_height="wrap_content" /> <Button android:layout_width="100dp" android:layout_height="wrap_content" />

View group dont les enfants sont alignés soit horizontalement soit verticalement (android:orientation) <Button android:layout_width="100dp" android:layout_height="wrap_content" android:layout_weight="1" android:layout_gravity="right" /> LinearLayout 4 – User Interface 9 / 25

View group dont les enfants sont alignés selon les autres RelativeLayout 4 – User Interface 10 / 25

View group ne possédant qu’un seul fils et le rendant scrollable LinearLayout 4 – User Interface 11 / 25

View group qui permet d’afficher des éléments scrollables <ListView android:layout_width="fill_parent" android:layout_height="fill_parent> ListView 4 – User Interface 12 / 25

View group qui permet d’afficher des éléments sous forme d’un tableau composé de plusieurs lignes/colonnes GridView 4 – User Interface 13 / 25

4 – User Interface 14/ 25 UI sous Android Widgets

Affiche un texte et permet optionnellement de l’éditer. TextView est un éditeur de texte complet TextView 4 – User Interface 15 / 25

TextView editable EditText 4 – User Interface 16 / 25

Elément avec un texte et/ou une icône qui déclenche une action au contact de l’utilisateur. ImageButton possède des méthodes de manipulation de l’image (Button étend TextView tandis que ImageButton étend View) Button / ImageButton 4 – User Interface 17 / 25

Permet a l’utilisateur de sélectionner une ou plusieurs options d’un ensemble CheckBox 4 – User Interface 18 / 25

Permet a l’utilisateur de sélectionner une option d’un ensemble RadioGroup & RadioButton 4 – User Interface 19 / 25

Affiche une indication visuelle de progression Progressbar 4 – User Interface 20 / 25

Permet l’affichage d’une image ImageView 4 – User Interface 21 / 25

Widgets spécialisés permettant la sélection d’une date ou d’une heure DatePicker / TimePicker 4 – User Interface 22 / 25

4 – user Interface 23 / 25 Activities : Composant UI correspondant à une vue (et plus) BroadcastReceivers : Répond à un broadcast d’Intent Services : Tâche qui tourne en fond et sans vue ContentProviders : Permet à l’application de partager des données Composants

5 – Aller plus loin ?! 24 / 25 Encore du code ?!

5 – Aller Plus loin ?! 25 / 25