Université Dr.
Yahia FARÈS de MÉDÉA Année universitaire : 2021/2022
3ème Licence Informatique Module : Développement App. mobile
TP n° 2
Exercice 1 :
Créer une application Android, placer une zone de texte (un TestView ayant comme texte
‘Bienvenue’) et un bouton (Button avec comme label ‘Valider’ sur une fenêtre. Pour spécifier
le label du bouton ainsi que le contenu de la zone de texte, utiliser la propriété android:text.
Veuillez cependant noter qu’il est plus facile d’utiliser l’éditeur visuel dans un premier
temps. Changer la couleur de la fenêtre (propriété background), la taille de la zone de texte
(propriété height), la taille du texte (propriété textSize), la couleur de texte (propriété
textColor), … Naturellement, rien ne se produit lorsque vous appuyez sur le bouton. Testez
votre application sur l’émulateur.
Dans ce TP, nous allons développer une application Android simple. L'objectif est de vous
permettre de pratiquer les premières notions déjà vues. Au fur et à mesure nous ajouterons
de nouvelles fonctionnalités pour compléter l'application.
L'application que nous allons développer aura l’interface suivante:
Une interface présentant un champ texte (pour les messages) et un bouton (pour autoriser
l’affichage).
Scenario
• Au lancement de l'application, la fenêtre affiche un message de « Bienvenue » et un
bouton ;
• En appuyant sur le bouton, un autre message s’affiche « Au revoir et Merci»
Lancez votre émulateur en attendant, il risque de prendre du temps pour se lancer !
1
Etape 1 : Créer une application Android
Créez un nouveau projet dans Android Studio (comme vu en TP 1).
Etape 2 : Menu de l'application
Au lancement de l'application, En appuyant sur le bouton,
public class MainActivity extends AppCompatActivity {
// Déclaration de trois instances (variables) deux de type bouton et l’autre de type
texte
Button B1;
TextView T;
// Dans la fonction ‘onCreate’ on récupère les valeurs des composants (boutons et
// texte) via leurs Id (Voir palette des composants).
// On utilise la méthode ‘findViewById()’ pour récupérer le Id via la classe ressource R.
B = (Button) findViewById ([Link]);
T = (TextView) findViewById ([Link]);
2
// On va implémenter l’évènement qui consiste à afficher un message une
// fois le bouton appuyé.
B = (Button) findViewById ([Link]);
[Link](this);
// this : désigne que Main Activity qui crée la vue [Link]
// et cela par :
- Cliquer sur Alt + Entrée
- Choisir ‘Make Main Activity …
- Ok
Si on revient au niveau de la classe ‘Main Activity’, on voit que l’évènement
‘[Link]’ a été créé et une méthode ‘onClick’ a été ajoutée en bas ou on
va mettre le traitement
public void onClick(View v) {
[Link]("Au revoir et Merci");