Programmation mobile pour des

systèmes Android

Chap2: Création d’applications

et découverte des activités
Azyat Abdelilah
azyat- [Link]
[Link]
 Plan de cours
Sommaire
• Composition d’une application
• Composants applicatif
• Éléments d’interaction
• Cycle de vie d’une application
– une activité Android
– Cycle de vie d’une activité
– Vues
• Ressources
– Utilisation des ressources
– Créer des ressources
• Fichier de configuration Android
• Personnaliser une application Android
• Une première application
• Création d’interfaces graphiques
 sommaire Composition d’une application
1. Composition d’une
application Une application  une structure et
2. Composants applicatif

3. Éléments d’interaction
un cycle de vie
4. Cycle de vie d’une
application
1. une activité Android • Activités (éléments de l’interface graphique);
2. Cycle de vie d’une activité
3. Vues • Vues et contrôles;
5. Ressources
1. Utilisation des ressources • Ressources;
2. Créer des ressources

6. Fichier de configuration • Fichiers de configuration (manifest);

Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Composition d’une application
1. Composition d’une activité
application

2. Composants applicatif • Elle peut être assimilée à un écran

3. Éléments d’interaction structuré par un ensemble de vues et de
4. Cycle de vie d’une contrôles composant son interface;
application
1. une activité Android
2.
3.
Cycle de vie d’une activité
Vues • Elle correspond à la partie présentation
5. Ressources de l’application;
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android
• Elle fonctionne par le biais de vues qui
7. Une première application
affichent des interfaces graphiques et
8. Création d’interfaces répondent aux actions utilisateur.
graphiques
 sommaire
Composition d’une application
1. Composition d’une Vues (Views)
application

2. Composants applicatif • Ce sont les éléments de l’interface

3. Éléments d’interaction graphique que l’utilisateur voit et sur
4. Cycle de vie d’une
lesquels il pourra agir.
application
1. une activité Android
2. Cycle de vie d’une activité

5.
3. Vues

Ressources
• Elles contiennent des composants,
1.
2.
Utilisation des ressources
Créer des ressources
organisés selon diverses mises en page
6. Fichier de configuration (les uns à la suite des autres, en grille…).
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Composition d’une application
Contrôles
1. Composition d’une
application
• Boutons,
2. Composants applicatif

3. Éléments d’interaction • Champs de saisie,

4. Cycle de vie d’une
• Case à cocher, etc.
application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources
Ce sont eux-mêmes un sous-
1.
2.
Utilisation des ressources
Créer des ressources ensembles des vues,
6. Fichier de configuration
• Ils ont besoin d’accéder aux textes et aux
Android

7. Une première application

images qu’ils affichent,
8. Création d’interfaces – par exemple : un bouton représentant un téléphone
graphiques
aura besoin de l’image du téléphone correspondante.
 sommaire
Composition d’une application
Ressources
1. Composition d’une
application • Ce sont des textes et des images
2. Composants applicatif
qui sont puisés dans les fichiers de
3. Éléments d’interaction

4. Cycle de vie d’une

l’application
application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Composition d’une application
1. Composition d’une Fichier de configuration
application

2. Composants applicatif • manifest: fichier indispensable à

3. Éléments d’interaction chaque application qui décrit entre
4. Cycle de vie d’une autres :
application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues point d’entrée de votre application;
5. Ressources
1. Utilisation des ressources
2. Créer des ressources
composants constituent ce programme ;
6. Fichier de configuration
Android

7. Une première application permissions nécessaires à l’exécution du

8. Création d’interfaces programme
graphiques
 sommaire
Composition d’une application
1. Composition d’une
application Application
2. Composants applicatif Activités
3. Éléments d’interaction

4. Cycle de vie d’une Activité au premier plan Ressources

application
1. une activité Android Couleurs,
2. Cycle de vie d’une activité Vues qui composent l’activité
3. Vues
Animations,
TextView, ImageView, Images,
5. Ressources
VideoView,… Vidéos,
1. Utilisation des ressources
2. Créer des ressources …
6. Fichier de configuration
Android

7. Une première application

Fichiers de configuration (fichier XML, manifeste)
8. Création d’interfaces Détient la composition d’une application
graphiques ( activités, permissions,…)
 Composants applicatifs
1. Composition d’une
application
2. Composants applicatif
• Activity:
3. Éléments d’interaction représente le bloc de base d’une application
4. Cycle de vie d’une
application • Service:
1. une activité Android un composant qui fonctionne en tâche de fond;
2. Cycle de vie d’une  1 Service pour télécharger l’application
activité  1 Service pour installer l’application
3. Vues
5. Ressources
1. Utilisation des • Fournisseur de contenu:
ressources
2. Créer des ressources Permet l’échange de données entre applications
Echange contrôlé par un ensemble de permissions
6. Fichier de
configuration Android
7. Création d’interfaces • Gadgets:
graphiques Widget : Programmes « visuels » (ie gadget windows)
un composant graphique qui s’installe sur le bureau Android
 Composants applicatif
1. Composition d’une
application
2. Composants applicatif différents composants applicatifs Android et les classes associées
3. Éléments d’interaction
4. Cycle de vie d’une Nom Classe ou paquetage concerné(e)
application
1. une activité Android
2. Cycle de vie d’une
Activité [Link]
activité
3. Vues Service [Link]
5. Ressources
1. Utilisation des
ressources
Fournisseurs de [Link]
2. Créer des ressources contenu (content
6. Fichier de provider)
configuration Android
7. Création d’interfaces
graphiques Gadgets (app widget) [Link].*
 sommaire
Éléments d’interaction
1. Composition d’une
application

2. Composants applicatif • Intents,

3. Éléments d’interaction

4. Cycle de vie d’une • Récepteurs (Broadcast Receiver),

application
1. une activité Android
2.
3.
Cycle de vie d’une activité
Vues
• Notifications,
5. Ressources
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Éléments d’interaction
1. Composition d’une
application

2. Composants applicatif • Intents

3. Éléments d’interaction

4. Cycle de vie d’une

– ils permettent de diffuser des
application messages en demandant la
1.
2.
une activité Android
Cycle de vie d’une activité
réalisation d’une action,
3. Vues

5. Ressources
1.
2.
Utilisation des ressources
Créer des ressources – L’accès aux autres applications et au
6. Fichier de configuration système étant restreinte par le
Android

7. Une première application

modèle de sécurité Android,
8. Création d’interfaces
graphiques
 sommaire
Éléments d’interaction
1. Composition d’une
application

2. Composants applicatif • Récepteur d’Intents

3. Éléments d’interaction

4. Cycle de vie d’une

application il permet à une application d’être à
1. une activité Android
2. Cycle de vie d’une activité l’écoute des autres,
3. Vues

5. Ressources
1. Utilisation des ressources
2. Créer des ressources afin de répondre aux objets Intent qui lui
6. Fichier de configuration
Android
sont destinés et qui sont envoyés par
7. Une première application
d’autres composants applicatifs.
8. Création d’interfaces
graphiques
 sommaire
Éléments d’interaction
1. Composition d’une
application • Notification:
2. Composants applicatif
– Signale une information à l’utilisateur sans interrompre ses
actions en cours.
3. Éléments d’interaction
– gérer et partager des informations; gestion des annonces
4. Cycle de vie d’une (batterie, fin de téléchargement ...) générées par l’OS,
application – Détecter la fin d’un téléchargement d’application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues – Différentes types de notifications :
• Toast Notification
5. Ressources
– Message immédiat (bulle)
1. Utilisation des ressources
– Simple d’utilisation
2. Créer des ressources

6. Fichier de configuration • Status Bar Notification

– Message + icône (barre des notifications)
Android – Utiliser dans les tâches de fond (Service)

7. Une première application

• Dialog Notification
8. Création d’interfaces – Boîte de dialogue ...
– AlertDialog, ProgressBar
graphiques
 sommaire
Éléments d’interaction
1. Composition d’une
application

2. Composants applicatif Nom Classe concernée

3. Éléments d’interaction
Intent [Link]
4. Cycle de vie d’une
application
1. une activité Android Récepteur [Link]
2. Cycle de vie d’une activité
3. Vues
d’Intents
5. Ressources
(Broadcast
1. Utilisation des ressources Receiver)
2. Créer des ressources

6. Fichier de configuration
Android Notification [Link]
7. Une première application

8. Création d’interfaces
graphiques
 sommaire Cycle de vie d’une application
gestion des processus
1. Composition d’une
application

2. Composants applicatif
• Les applications Android ont un
fonctionnement particulier : elles réagissent
3. Éléments d’interaction
à des changements d’états imposés par le
4. Cycle de vie d’une système (démarrage, pause, reprise, arrêt...).
application
1. une activité Android
2. Cycle de vie d’une activité • Chaque application fonctionne dans son
3. Vues
propre processus.
5. Ressources
1. Utilisation des ressources
2. Créer des ressources • Le système Android est responsable de la
6. Fichier de configuration création et de la destruction des processus et
Android gère ses ressources
7. Une première application – avec comme objectif la sécurité mais aussi la
disponibilité et la réactivité de l’appareil.
8. Création d’interfaces
graphiques
 sommaire Cycle de vie d’une application
gestion des processus
1. Composition d’une
application

2. Composants applicatif • L’ordre d’arrêt des processus pour

3. Éléments d’interaction libérer des ressources est déterminé
4. Cycle de vie d’une par la priorité du processus donnée
application par le système.
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources • La priorité de l’application est elle-

1.
2.
Utilisation des ressources
Créer des ressources même déterminée par son composant
6. Fichier de configuration le plus prioritaire
Android
(une application possédant un fournisseur
7. Une première application de contenu a par exemple plus de priorité
8. Création d’interfaces qu’une application qui en est dépourvue).
graphiques
 sommaire Cycle de vie d’une application
Priorités établies par le système en fonction de l’état de
ses composants
1. Composition d’une
application

2. Composants applicatif
Processus Priorité Description
3. Éléments d’interaction
1- Processus Maximale Processus au premier plan qui héberge
4. Cycle de vie d’une actif des applications dont des composants
application interagissent avec l’utilisateur.
1. une activité Android
2. Cycle de vie d’une activité
3. Vues
2- Processus Élevée Processus visible mais inactif, il contient
visible des activités au moins en partie visibles
5. Ressources
1. Utilisation des ressources
mais pas au premier plan.
2. Créer des ressources

6. Fichier de configuration 3- Processus Faible Processus hébergeant des activités non

en tâche visibles ou des services non démarrés.
Android
de fond
7. Une première application

8. Création d’interfaces 4- Processus Minimale Android dispose d’un cache

graphiques en fin de vie d’applications qui ont terminé leur cycle
de vie, à des fins d’optimisation lors de
leur redémarrage.
 sommaire Cycle de vie d’une application
Une activité Android
1. Composition d’une
application
• Une activité peut être assimilée à un
2. Composants applicatif écran qu’une application propose à
3. Éléments d’interaction son utilisateur.
4. Cycle de vie d’une
application
1.
2.
une activité Android
Cycle de vie d’une activité
chaque écran
3. Vues

5. Ressources
doit contenir une activité.
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Une activité Android
1. Composition d’une
application
• Une activité est composée de deux volets :
2. Composants applicatif
– la logique de l’activité et la gestion du cycle de vie
de l’activité qui sont implémentés en Java dans
3. Éléments d’interaction
une classe héritant de Activity;
4. Cycle de vie d’une
application
1.
2.
une activité Android
Cycle de vie d’une activité
– l’interface utilisateur, qui pourra être définie soit
3. Vues dans le code de l’activité soit de façon plus
5. Ressources générale dans un fichier XML placé dans les
1. Utilisation des ressources ressources de l’application.
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Une activité Android
1. Composition d’une
application
• Création d'un écran
2. Composants applicatif

3. Éléments d’interaction Chaque écran est géré par une instance

4. Cycle de vie d’une de Activity. Sa méthode onCreate définit
application
1. une activité Android ce qui doit être affiché sur l'écran :
2. Cycle de vie d’une activité
3. Vues
protected void onCreate(Bundle savedInstanceState) {
5. Ressources
1. Utilisation des ressources [Link](savedInstanceState);
2. Créer des ressources
setContentView([Link].activity_main);
6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Cycle de vie d’une activité
diagramme de principaux étapes

1. Composition d’une
application
onResume: active
2. Composants applicatif

3. Éléments d’interaction
onPause: mettre
4. Cycle de vie d’une en pause quand
application une autre activité
1. une activité Android devient active;
2. Cycle de vie d’une activité
3. Vues

5. Ressources suspendue
1. Utilisation des ressources (onStop) :
2. Créer des ressources
activité est
6. Fichier de configuration
totalement cachée,
Android
Pas de code
7. Une première application exécuté,
8. Création d’interfaces Ses informations
graphiques sont conservées,
 sommaire Cycle de vie d’une activité
1. Composition d’une
application

2. Composants applicatif • Android exécute le code d'une activité

3. Éléments d’interaction en appelant des callbacks,
4. Cycle de vie d’une
application
1.
2.
une activité Android
Cycle de vie d’une activité • Ces callbacks correspondent aux
3. Vues

5. Ressources
phrases de la vie d'une activité,
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
• Il n'est pas nécessaire d'implémenter
Android

7. Une première application

toutes les callbacks
8. Création d’interfaces
graphiques
 sommaire Cycle de vie d’une activité
Les callbacks
1. Composition d’une
application
public class ExampleActivity extends Activity {
2. Composants applicatif

3. Éléments d’interaction @Override

public void onCreate(Bundle savedInstanceState) { /* ... */ }
4. Cycle de vie d’une
@Override
application protected void onStart() { /* ... */ }
1. une activité Android
2. Cycle de vie d’une activité @Override
3. Vues protected void onResume() { /* ... */ }
5. Ressources
1. Utilisation des ressources
@Override
2. Créer des ressources
protected void onPause() { /* .... */ }
6. Fichier de configuration @Override
Android protected void onStop() { /* ... */ }

7. Une première application @Override

protected void onDestroy() { /* ... */ }
8. Création d’interfaces
graphiques }
 sommaire
Vues (Views)
1. Composition d’une
application
• Elles sont les briques de
2. Composants applicatif
construction de l’interface
3. Éléments d’interaction
graphique d’une activité Android.
4. Cycle de vie d’une
application
• Les objets View représentent des
1. une activité Android
2. Cycle de vie d’une activité éléments à l’écran qui permettent
3. Vues d’interagir avec l’utilisateur via un
5. Ressources mécanisme d’événements.
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration • Elles peuvent être disposées dans

Android
une activité et donc à l’écran soit
par
7. Une première application
– une description XML,
8. Création d’interfaces – un morceau de code Java.
graphiques
 sommaire
Structure d'un fichier XML
1. Composition d’une
application

2. Composants applicatif
• Espaces de nommage dans un fichier XML
3. Éléments d’interaction
• Dans le cas d'Android, il y a un grand nombre d'éléments et
4. Cycle de vie d’une d'attributs normalisés.
application
1. une activité Android
2. Cycle de vie d’une activité • Les attributs ont été regroupés dans un namespace (xmlns).
3. Vues Leur nom est android:nomattribut
5. Ressources
1. Utilisation des ressources
2. Créer des ressources
• xmlns:android="[Link]

6. Fichier de configuration
Android

7. Une première application

 sommaire
Ressources
1. Composition d’une • Les ressources sont des fichiers externes – ne contenant pas
application d’instruction – qui sont utilisés par le code et liés à une
application au moment de sa construction.
2. Composants applicatif
drawable: Fichiers .png, .jpeg
3. Éléments d’interaction
qui sont convertis en bitmap ou
4. Cycle de vie d’une .[Link] qui sont convertis en "9-
application patches" c’est-à-dire en
1. une activité Android images ajustables.
2. Cycle de vie d’une activité
3. Vues
layout: Fichiers XML convertis
5. Ressources en mises en page d’écrans (ou
1. Utilisation des ressources de parties d’écrans), que l’on
2. Créer des ressources
appelle aussi gabarits.
6. Fichier de configuration
Android values: Fichiers XML convertis en
différents types de ressources
7. Une première application (array, string,…).
8. Création d’interfaces
graphiques
 sommaire
Utilisation des ressources
1. Composition d’une
application
• Toutes Les ressources sont placées, converties ou
2. Composants applicatif
non, dans un fichier de type APK qui constituera
3. Éléments d’interaction le programme distribuable de votre application.
4. Cycle de vie d’une
application • De plus, Android crée une classe nommée R qui
1. une activité Android sera utilisée pour se référer aux ressources dans
2.
3.
Cycle de vie d’une activité
Vues
le code.
5. Ressources
1. Utilisation des ressources • Les ressources qu’on créez ou qu’Android
2. Créer des ressources
propose peuvent être utilisées directement dans
6. Fichier de configuration une application ou être référencées dans d’autres
Android ressources.
7. Une première application

8. Création d’interfaces
graphiques
 sommaire Utilisation des ressources
La classe R
1. Composition d’une
application

2. Composants applicatif
• Elle est générée automatiquement par
Android,
3. Éléments d’interaction
• Elle permet de désigner les ressources dans
4. Cycle de vie d’une
le code Java,
application
1. une activité Android
Exemple: activity_main.xml = [Link].activity_main
2. Cycle de vie d’une activité

• Générée à la compilation du projet,

3. Vues

5. Ressources
1. Utilisation des ressources
• [Link] contient tous les éléments GUI qui ont une
2. Créer des ressources id,
6. Fichier de configuration
Android • Permet le lien entre XML et Objet JAVA
7. Une première application – findViewById(int id): récupère l’objet java
décrit par un XML
8. Création d’interfaces
graphiques
 sommaire Utilisation des ressources
La classe R
1. Composition d’une
application

2. Composants applicatif • [Link]. ressource_type

3. Éléments d’interaction – ressource_type: string, anim, layout, …
4. Cycle de vie d’une
application
1. une activité Android – Retrouver un élément par son Id:
2. Cycle de vie d’une activité
3. Vues [Link],
5. Ressources
1. Utilisation des ressources
2. Créer des ressources
– Id fonctionne sur n’importe quelle type de
6. Fichier de configuration
ressource nommée;
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire
Utilisation des ressources
1. Composition d’une
application

2. Composants applicatif • Pour utiliser une ressource, il suffit de

3. Éléments d’interaction connaître son type et son identifiant.
4. Cycle de vie d’une
application
1.
2.
une activité Android
Cycle de vie d’une activité • La syntaxe est alors la suivante :
3. Vues
android.R.type_de_ressource.nom_ressource
5. Ressources
1. Utilisation des ressources
2. Créer des ressources
• Exemple:
6. Fichier de configuration
// Fixe la mise en page d’une activité
Android
setContentView([Link].ecran_de_demarrage);
7. Une première application

8. Création d’interfaces
graphiques
 sommaire Utilisation des ressources
Programme et ressources
1. Composition d’une
application

2. Composants applicatif • Il est souhaitable de stocker l'interface dans un

3. Éléments d’interaction fichier res/layout/[Link] :
4. Cycle de vie d’une <RelativeLayout ...>
application <TextView android:text=“Bonjour !" ... />
1. une activité Android
2.
3.
Cycle de vie d’une activité
Vues
…….
5. Ressources
</RelativeLayout>
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
qui est référencé par son identifiant [Link].nom_du_fichier
dans le programme Java :
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire Ressources référencées par d’autres
ressources
1. Composition d’une • On peut utiliser notre ressources comme valeurs d’attributs
application dans d’autres ressources sous forme XML.
2. Composants applicatif • Cette possibilité est très utilisée dans les mises en page par
3. Éléments d’interaction
exemple.
• La notation pour faire référence à une autre ressource est la suivante:
4. Cycle de vie d’une
attribute="@resource_type/resource_identifier "
application
1. une activité Android Exemple d’une disposition d’écran : mise en page sous forme de table
2. Cycle de vie d’une activité (d’une ligne et de deux colonnes),
3. Vues <?xml version="1.0" encoding="utf-8"?>
5. Ressources <TableLayout
1. Utilisation des ressources xmlns:android="[Link]
2. Créer des ressources android:layout_width="fill_parent"
android:layout_height="fill_parent"
6. Fichier de configuration android:stretchColumns="1">
Android <TableRow>
<TextView
7. Une première application android:text="@string/table_contenu_cellule_gauche" /> les cellules sont remplies
<TextView par des chaînes
8. Création d’interfaces android:text="@string/table_contenu_cellule_droite" /> de caractères
graphiques </TableRow>
</TableLayout>
 sommaire
Créer des ressources
1. Composition d’une
application

2. Composants applicatif Valeurs simples

3. Éléments d’interaction
• Il est possible de déclarer dans
4. Cycle de vie d’une
application
des fichier XML,
1. une activité Android
2. Cycle de vie d’une activité des chaînes de caractères,
3. Vues

5. Ressources des dimensions,

1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
des couleurs,
Android
des tableaux (de chaînes de caractères
7. Une première application

8. Création d’interfaces
ou d’entiers) comme valeurs simples.
graphiques
 sommaire
Créer des ressources
1. Composition d’une
application
Définition d’un fichier de ressources contenant plusieurs types
2. Composants applicatif

3. Éléments d’interaction
<?xml version="1.0" encoding="utf-8"?> la déclaration XML
4. Cycle de vie d’une
<resources>
application
1. une activité Android <string name="nom_application">Suivi des SMS</string>
2. Cycle de vie d’une activité
3. Vues <color name="couleur_des_boutons">#FFAABBCC</color>
5. Ressources <array name="tableau_entiers">
1. Utilisation des ressources
2. Créer des ressources
<item>1765</item>
6. Fichier de configuration
<item>3</item>
Android </array>
7. Une première application </resources>
8. Création d’interfaces
graphiques
 sommaire
Créer des ressources
1. Composition d’une
Couleurs
application
• Une couleur définit une valeur RVB (rouge, vert et bleu) et une
2. Composants applicatif transparence.
3. Éléments d’interaction
• Il existe différents formats dont la syntaxe globale est la suivante :
4. Cycle de vie d’une
<color name=nom_couleur>valeur_de_la_couleur</color>
application
1. une activité Android
2. Cycle de vie d’une activité Définition d’un fichier de ressources de couleurs:
3. Vues <resources>
5. Ressources <color name="bleu_transparent">#50ff00FF</color>
1. Utilisation des ressources </resources>
2. Créer des ressources

6. Fichier de configuration Utilisation des couleurs (exemple avec la déclaration de la couleur

Android bleu_transparent):
– Java : [Link].bleu_transparent
7. Une première application
– XML : @color/bleu_transparent
8. Création d’interfaces
graphiques
 sommaire Créer des ressources
Chaînes de caractères et texte formaté
1. Composition d’une
application • Les chaînes de caractères avec un format optionnel peuvent être
utilisées comme ressources.
2. Composants applicatif syntaxe : <string name=nom_chaine>valeur_de_la_chaine</string>
3. Éléments d’interaction
• utilisation de trois balises HTML standard <b> (gras), <i> (italique) et
4. Cycle de vie d’une <u> (souligné) :
application <string name="ex1">Un texte <b> mis en forme </b></string>
1. une activité Android
2. Cycle de vie d’une activité • si vous voulez utiliser des guillemets ou des apostrophes, vous devez
3. Vues les échapper en les faisant précéder du caractère slash ('\'):
5. Ressources <string name="ex2">Voici l\’application de ce conseil</string>
1. Utilisation des ressources
2. Créer des ressources • exemples de déclaration de chaînes de caractères dans un fichier de
6. Fichier de configuration ressources de chaînes de caractères
Android
<resources>
7. Une première application <string name="app_name">Exemple Android Eyrolles</string>
8. Création d’interfaces
<string name="menu_principal">Menu Principal</string>
</resources>
graphiques
 sommaire Créer des ressources
Unités de mesure (« dimensions »)
1. Composition d’une • Les dimensions sont la plupart du temps référencées dans les styles et les mises
en page.
application
• Elles peuvent servir de constantes entre différents éléments d’écrans.
2. Composants applicatif
• unités prises en charge par Android :
3. Éléments d’interaction
– px (pixels);: correspond à un pixel de l’écran,
4. Cycle de vie d’une
– in (pouces): unité de longueur, correspondant à 2,54 cm. Basé sur la taille
application physique de l’écran,
1. une activité Android
2. Cycle de vie d’une activité – dp ( density-independant pixel): se basant sur une taille physique de
3. Vues l’écran de 160 dpi. Avec cette unité, 1 dp est égal à 1 pixel sur un écran de 160
pixels ,
5. Ressources
1. Utilisation des ressources
– sp (scale-independant pixel ): fonctionne de la même manière que les pixels à
2. Créer des ressources
densité indépendante à l’exception qu’ils sont aussi fonction de la taille de
6. Fichier de configuration polices spécifiée par l’utilisateur.

Android

7. Une première application • Définition d’un fichier de ressources de dimensions:

<resources>
8. Création d’interfaces <dimen name="taille_texte">5sp</dimen>
graphiques
</resources>
 sommaire
Le fichier de configuration Android
1. Composition d’une
application

2. Composants applicatif
• Chaque application Android nécessite
3. Éléments d’interaction
un fichier de configuration :
4. Cycle de vie d’une
[Link]
application • Ce fichier est placé dans le répertoire de
1.
2.
une activité Android
Cycle de vie d’une activité
base du projet, à sa racine.
3. Vues
• Il décrit le contexte de l’application,
5. Ressources
1. Utilisation des ressources
– les activités,
2. Créer des ressources
– les services,
6. Fichier de configuration
– les récepteurs d’Intents (Broadcast
Android
receivers),
7. Une première application
– les fournisseurs de contenu
8. Création d’interfaces
– les permissions.
graphiques
 sommaire
Le fichier de configuration Android
1. Composition d’une
Structure du fichier de configuration
application

2. Composants applicatif
• Un fichier de configuration est composé d’une racine (le
3. Éléments d’interaction
tag manifest) et d’une suite de nœuds enfants qui
4. Cycle de vie d’une
définissent l’application.
application
1. une activité Android
2. Cycle de vie d’une activité • Exemple: Structure vide d’un fichier de configuration
3. Vues
d’une application
5. Ressources
1. Utilisation des ressources
2. Créer des ressources
<manifest
6. Fichier de configuration
xmlns:android=[Link]
Android
package="[Link]">
7. Une première application
</manifest>
8. Création d’interfaces
graphiques
 sommaire Démonstration: Une premier
application
1. Composition d’une
application

2. Composants applicatif

3. Éléments d’interaction

4. Cycle de vie d’une

application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire Dispositions de Layouts et Views
Structure d'une interface Android
1. Composition d’une
application • Les éléments graphiques héritent de la classe View.
• On peut regrouper des éléments graphiques dans une
2. Composants applicatif ViewGroup.
3. Éléments d’interaction • Des ViewGroup particuliers sont prédéfinis: ce sont des gabarits
(Layouts) qui proposent une prédispositions des objets
4. Cycle de vie d’une graphiques:
application
1. une activité Android – LinearLayout
2. Cycle de vie d’une activité
3. Vues
– RelativeLayout
5. Ressources
1. Utilisation des ressources – TableLayout
2. Créer des ressources
– FrameLayout
6. Fichier de configuration
Android – GridLayout

7. Une première application – ConstraintLayout

8. Création d’interfaces
graphiques
 sommaire Dispositions de Layouts et Views
Structure d'une interface Android
1. Composition d’une
– LinearLayout (vertical/horizontal ): positionne ses vues en
application
ligne ou colonne,
2. Composants applicatif

3. Éléments d’interaction – RelativeLayout: positionne ses vues l'une par rapport

4. Cycle de vie d’une à l'autre, et par rapport aux bords du RelativeLayout
application
1. une activité Android – TableLayout: positionne ses vues sous forme d'un
2. Cycle de vie d’une activité
3. Vues tableau,
5. Ressources
– FrameLayout: disposition en haut à gauche en
1. Utilisation des ressources
2. Créer des ressources
empilant les éléments,
6. Fichier de configuration
– GridLayout: disposition matricielle avec N colonnes et
Android

7. Une première application un nombre infini de lignes,

8. Création d’interfaces – ConstraintLayout dispose de toutes les

graphiques
fonctionnalités d’un RelativeLayout, et peut donc être

utilisé de la même manière.

 sommaire Dispositions de Layouts et Views
Organisation hiérarchique des vues
1. Composition d’une
application  la classe ViewGroup (hérite de
2. Composants applicatif

3. Éléments d’interaction
View) permet de regrouper des
4. Cycle de vie d’une vues
application ViewGroup
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources
1. Utilisation des ressources ViewGroup View View
2. Créer des ressources

6. Fichier de configuration
Android View View View View
7. Une première application

8. Création d’interfaces
graphiques
 sommaire Dispositions de Layouts et Views
Structure d'une interface Android
1. Composition d’une
application Les groupes et vues forment un arbre
2. Composants applicatif

3. Éléments d’interaction

4. Cycle de vie d’une

application
1. une activité Android
TableLayout
2. Cycle de vie d’une activité
3. Vues

5. Ressources
1. Utilisation des ressources
Button
2. Créer des ressources
TableRow
6. Fichier de configuration
Android TableRow TableRow
RadioGroup
7. Une première application

8. Création d’interfaces TextView EditText

graphiques TextView EditText

RadioButton RadioButton
RadioButton
 sommaire Dispositions de Layouts et Views
Représentation en XML
1. Composition d’une
application

2. Composants applicatif

3. Éléments d’interaction

4. Cycle de vie d’une

application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire Dispositions de Layouts et Views
Paramètres de disposition
1. Composition d’une
• La plupart des groupes utilisent des paramètres de
application
placement sous forme d'attributs XML.
2. Composants applicatif

3. Éléments d’interaction • Par exemple, telle vue à droite de telle autre, telle vue
la plus grande possible, telle autre la plus petite.
4. Cycle de vie d’une
application
• Ces paramètres sont de deux sortes :
1. une activité Android
2. Cycle de vie d’une activité – ceux qui sont demandés pour toutes les vues,
3. Vues

5. Ressources android:layout_width,
1. Utilisation des ressources android:layout_height
2. Créer des ressources android:layout_weight
6. Fichier de configuration
Android – ceux qui sont demandés par le groupe englobant et qui
en sont spécifiques, comme:
7. Une première application

8. Création d’interfaces android:layout_alignParentBottom,

graphiques
android:layout_centerInParent. . .
 sommaire Dispositions de Layouts et Views
Paramètres généraux
1. Composition d’une
• Toutes les vues doivent spécifier les deux attributs suivants:
application

2. Composants applicatif android:layout_width = largeur de la vue

android:layout_height = hauteur de la vue
3. Éléments d’interaction

4. Cycle de vie d’une android:orientation: définit l'orientation d'empilement

application android:gravity: définit l'alignement des éléments
1. une activité Android
2. Cycle de vie d’une activité • Ils peuvent valoir :
3. Vues

5. Ressources ="wrap_content" : la vue est la plus petite possible

1. Utilisation des ressources
="match_parent" : la vue est la plus grande possible
2. Créer des ressources ="fill_parent": comme match_parent
6. Fichier de configuration
Android "valeurdp" : une taille fixe, ex : "100dp" mais c'est peu
7. Une première application recommandé
8. Création d’interfaces
graphiques
 sommaire Dispositions de Layouts et Views
Autres paramètres géométriques
1. Composition d’une
application • Il est possible de modifier l'espacement des
2. Composants applicatif vues :
3. Éléments d’interaction – Padding: espace entre le texte et les bords, géré
4. Cycle de vie d’une par chaque vue,
application – Margin: espace autour des bords, géré par les
1. une activité Android groupes,
2. Cycle de vie d’une activité
3. Vues – On peut définir les marges et les remplissages
5. Ressources séparément sur chaque bord (Top, Bottom, Left,
1. Utilisation des ressources Right), ou identiquement sur tous :
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire Dispositions de Layouts et Views
paramètres géométriques: exemple
1. Composition d’une
application •
2. Composants applicatif

3. Éléments d’interaction

4. Cycle de vie d’une

application
1. une activité Android
2. Cycle de vie d’une activité
3. Vues

5. Ressources
1. Utilisation des ressources
2. Créer des ressources

6. Fichier de configuration
Android

7. Une première application

8. Création d’interfaces
graphiques
 sommaire Views
Les évènements
1. Composition d’une
application • Chaque élément (ViewGroup et View) peut (ou non)
implémenter des interfaces évènementielles
2. Composants applicatif
– par ex. [Link]
3. Éléments d’interaction

4. Cycle de vie d’une

• On ajoute des écouteurs aux vues pour écouter les
application
1. une activité Android
évènements :
2. Cycle de vie d’une activité
3. Vues
Button saveBut= (Button) findViewById([Link]); //récuperation du
5. Ressources bouton saveBut
[Link](onSave);//positionnons un listner sur
1. Utilisation des ressources ce bouton
2. Créer des ressources }
//méthode déclanchée par appui sur onSave
6. Fichier de configuration [Link] onSave= new [Link](){
@Override
Android public void onClick(View view) {
EditText name = (EditText)findViewById([Link]);
EditText adress = (EditText) findViewById([Link]);
7. Une première application
[Link]([Link]().toString());
8. Création d’interfaces [Link]([Link]().toString());
}
graphiques };
 sommaire Views
Les évènements - Les écouteurs
1. Composition d’une
application • La méthode setOnClickListener prend en paramètre un
2. Composants applicatif
objet qui implémente l'interface [Link] :
3. Éléments d’interaction
public interface OnClickListener {
4. Cycle de vie d’une
void onClick(View view);
application }
1. une activité Android
2. Cycle de vie d’une activité
3. Vues • Une interface est associée à chaque type d'évènements
5. Ressources
1. Utilisation des ressources
2. Créer des ressources • On observe les évènements en connectant des listeners
6. Fichier de configuration Pour cela, on utilise les méthodes setOn*Listener
Android

7. Une première application • Ensuite, un évènement entraîne l'appel d'une méthode

de l'interface sur l'objet que vous avez connecté à la vue
8. Création d’interfaces
graphiques
 sommaire Views
Implémentation avec une classe classique
1. Composition d’une
application class MyOnClickListener implements [Link]
{
2. Composants applicatif
private MainActivity mainActivity;
3. Éléments d’interaction

4. Cycle de vie d’une public MyOnClickListener(MainActivity mainActivity) {

application [Link] = mainActivity;
1. une activité Android }
2. Cycle de vie d’une activité
3. Vues @Override
5. Ressources
public void onClick(View v) {
1. Utilisation des ressources
2. Créer des ressources [Link]++;
6. Fichier de configuration }
Android }
7. Une première application

8. Création d’interfaces
graphiques
 sommaire Views
Implémentation avec une classe interne
1. Composition d’une
application
public class MainActivity extends Activity {
2. Composants applicatif public int count = 0;
@Override
3. Éléments d’interaction protected void onCreate(Bundle savedInstanceState)
{
4. Cycle de vie d’une /* ... */
application [Link](new MyOnClickListener());
1. une activité Android
/* ... */
2. Cycle de vie d’une activité
}
3. Vues class MyOnClickListener implements [Link]
{
5. Ressources @Override
1. Utilisation des ressources public void onClick(View v)
2. Créer des ressources
{ count++; }
6. Fichier de configuration
Android }
}
7. Une première application

8. Création d’interfaces
graphiques