Université Abdelmalek Essaadi
Ecole Nationale des Sciences Appliquées d'Al-Hoceima
Département Mathématiques et Informatique
Parcours : GI3 – GL
Prof. Y. EL BORJI
Module : Développement des applications mobiles (DAM)
Travaux Pratiques N° 4 : Intents Explicites (Partie 1)
« Démarrer un composant de votre propre application »
Objectifs :
Passer d’une activité à une autre
Transférer des données entre les activités
Outils utilisés dans ce TP :
Android Studio v4.1
Java SE Development Kit 15.0.1
Android SDK - API 29
NOX v6.6.1.3
Besoins en matériel (Configuration requise) :
Microsoft® Windows® 7/8/10 (64-bit)
Mac® OS X® 10.10 (Yosemite) ou plus récent
4 GO RAM minimum, 8 GO RAM recommandée
+ 10 Go d'espace disque pour tout installer
Processeur puissant, la puissance pure qui compte le plus
rapide sera le mieux (1 cœur est suffisant)
1280 x 800 résolutions d'écran minimal
*
Module : Développement des applications mobiles (DAM)
Partie I : Transférer des données entre les activités
L’objectif de cet exercice est de passer d’une activité à une autre en
permettant de transférer et visualiser les données saisies dans la
première activité dans la seconde activité.
Nous allons commencer par construire l’interface graphique, par la suite
on passe à la gestion des évènements aux interactions de l’utilisateur.
I. Composants graphiques qui interviennent dans cette IHM
1) Pour la première activité : il s’agit d’un formulaire simple qui se
compose de sept vues alignés verticalement dans le même
LinearLayout avec une orientation vertical regroupés dans un layout
conteneur de type LinearLayout orienté aussi verticalement.
Ecole Nationale des Sciences Appliquées d'Al-Hoceima 2/5 Prof : Y.EL BORJI
Année universitaire : 2021 – 2022
Module : Développement des applications mobiles (DAM)
Trois EditText demandant le nom, prénom et l’email de
l’utilisateur précédés par des TextView indiquant pour quelle
valeur chaque EditText est réservé.
Un Bouton de validation avec le texte de connexion "Envoyer"
permettant de passer à la deuxième activité.
2) C’est au niveau de la deuxième activité auquel les données seront
transférées que l’utilisateur peut visualiser les informations saisies
dans la première activité.
3) Il s’agit d’une interface simple qui se compose d’un seul TextView
placé au sien d’un LinearLayout permettant d’afficher les
informations saisies sous forme d’un paragraphe.
II. Evènements et réaction aux interactions utilisateur :
Dans le fichier java de l'activité de démarrage "MainActivity" :
1) On commence par initialiser les objets crées précédemment en les
associant à ses équivalents dans le fichier XML « activity_main.xml »
2) Par la suite nous récupérons la valeur des trois EditText contenant les
informations de l’utilisateur afin de les transférés vers la deuxième
activité via le champ « extra » des intents.
3) Le lancement de la deuxième activité se fait en cliquant sur le bouton
«Envoyer». Pour cela il faut créer un Inetnt explicite sans résultat en
retour. Lors de la création de l’intent explicite, en plus du contexte
Ecole Nationale des Sciences Appliquées d'Al-Hoceima 3/5 Prof : Y.EL BORJI
Année universitaire : 2021 – 2022
Module : Développement des applications mobiles (DAM)
déclenchant l’Intent (en général this, si on le lance à partir de l’activité
de départ), nous spécifions explicitement le nom du composant cible
en utilisant le nom de la classe Java comme identifiant.
4) Après la création de l’Intent, nous ajoutons les informations saisies
dans les EditText a l’Intent en utilisant la méthode putExtra() afin de
les transférer vers la deuxième activité.
5) Nous utiliserons la méthode startActivity() pour lancer la deuxième
activité en passant l’Intent que nous venons de créer comme
paramètre.
Dans le fichier java de la deuxième activité "WelcomeActivity" :
1) Il faut tout d’abord initialiser le TextView qui va afficher les
informations saisie en l’associant à son équivalent dans le fichier
welcom_activity.xml.
2) Dans la méthode onCreate et juste après l'appel de la méthode
setContentView, nous allons pouvoir récupérer nos extras. Pour cela,
nous devons d'abord récupérer l'Intent qui a démarré l’activité à l'aide
de la méthode getIntent () de la manière suivante :
Ecole Nationale des Sciences Appliquées d'Al-Hoceima 4/5 Prof : Y.EL BORJI
Année universitaire : 2021 – 2022
Module : Développement des applications mobiles (DAM)
6)L’affichage des informations saisies dans la deuxième activité se fait
en modifiant la valeur du TextView dédié à cet objectif à travers la
méthode setText().
7) Essayons de lancer notre application sur le simulateur d’Android
Studio :
Ecole Nationale des Sciences Appliquées d'Al-Hoceima 5/5 Prof : Y.EL BORJI
Année universitaire : 2021 – 2022