Ministère de l’Enseignement Supérieur et de la Recherche Scientifique
Université de Manouba
ESEN
Module : Environnement de développement mobile Niveau : 3ème BI , BIS ,EBUS.
Enseignant : Mr. Yassin Ben Youssef Année : 2023/2024
TP 3 : Widgets de base
Objectifs du TP
S’initier aux différents éléments graphiques de base d’Android.
Créer des interfaces et manipuler le composant des composants à partir du code.
Exercice 1
On désire créer un convertisseur POUND/KG.
Créer un nouveau projet Android intitulé Convertisseur.
1) Créer les éléments nécessaires tout en respectant la disposition des et pour que l’interface soit comme
la figure suivante :
- Un élément EditText de type numberDecimal (propriété inputText).
- un élément RadioGroup contenant deux éléments de types RadioButton.
- Deux boutons Convertir et Initialiser.
2) Dans le code Java de l’activité, créer une méthode qui définit le comportement du bouton Convertir. On
l’appellera :
public void convertir([Link] v){…}
- Cette méthode convertit un poid entré par l’utilisateur en Kg ou en pound selon l’état des
boutons d’option.
- La valeur lue dans les champs de saisie doit être convertie en float pour être manipulée. Pour
cela, utiliser le code suivant : [Link](String val)
Page 1 sur 3
TP3 – Widgets de base
Indication: pour tester l’état d’un bouton radio ou d’une case à cocher, appeler la méthode
isChecked().
3) Associer un comportement au bouton Initialiser permettant de décocher tous les éléments à état et
vider la zone de saisie.
Exercice 2
L’objectif de cet exercice est de créer une interface sans recourir à créer un fichier de layout et à le charger
depuis la méthode onCreate. Les widgets qui composent l’activité ci-dessous sont instanciés et ajoutés dans
le layout depuis le code.
4) Modifier la méthode onCreate afin d’avoir l’apparence ci-dessus. Pour ce faire, suivre les étapes
suivantes :
- Instancier un conteneur de type LinearLayout avec une orientation verticale,
- Instancier les différents widgets et définir leurs propriétés,
- Si nécessaire, associer un comportement aux éléments graphiques appropriés,
- Ajouter l'ensemble des widgets dans le conteneur.
5) Pour associer un comportement au bouton Valider, la notion d’écouteurs permet d’intercepter
l’évènement click sur un bouton.
- L’interface OnClickListener est évoquée lorsque l’événement click est déclenché. Elle, offre la
méthode setOnClickListener qui permet de définir un écouteur pour le bouton.
- Le comportement du bouton Valider est donc spécifié dans la méthode onClick (View v) qui est
appelée lorsqu’une vue est cliquée.
Page 2 sur 3
TP3 – Widgets de base
En se basant sur la syntaxe suivante, modifier la méthode onClick pour afficher le message "Bonjour
[Civilité] [Nom] :)".
Button B = (Button) findViewById([Link]);
[Link](
new OnClickListener()
{
@Override
public void onClick(View v)
{
//Traitement associé au bouton
}
}
);
Page 3 sur 3