Le document présente un TP sur le développement d'applications mobiles, axé sur la création d'interfaces avec des composants graphiques avancés. Les activités incluent la conception d'une calculatrice simple et d'un sélecteur à l'aide d'une liste déroulante et d'une liste simple, ainsi qu'une activité sur l'utilisation de fragments. Les étudiants apprendront à manipuler des éléments graphiques et à gérer des interactions utilisateur à travers différentes applications.

1. U n i v e r s i t é V i r t u e l l e d e T u n i s - M a s t e r P r o f e s s i o n n e l e n L o g i c i e l L i b r e
TP4 : Composants Graphiques
Avancés
Dr. Lilia Sfaxi
Objectifs du TP : Créer des applications avec des menus, fragments et autres
composants graphiques avancés.
Développement
d'Applications
Mobiles

2. 2 TP4 : Composants Graphiques Avancés
Développement
d'Applications
Mobiles
Activité 1 : Calculatrice
On se propose de créer une calculatrice très simplifiée, en utilisant une GridView. Son
interface aura la forme suivante :
La zone de texte permet d’afficher les numéros cliqués (entiers positifs), ainsi que le
résultat de l’opération. Au clic sur un élément de la grille, le numéro est rajouté à la fin de
la chaîne. L’application permet de faire les opérations suivantes :
- Somme : pour faire la somme de deux nombres, on saisit le premier, on clique sur
« + », on saisit le deuxième, puis on clique sur « = ». Le résultat de l’addition sera
affiché dans la zone de texte de départ.
- Différence : Idem que pour la somme, en remplaçant le « + » par « - »
- Reset : le clic sur le bouton « C » permet d’effacer le contenu de la zone de texte,
et de réinitialiser l’opération entamée.
Astuce
Pour convertir une chaîne de caractères en entier, utiliser l’opération
suivante :
valeur_entiere = Integer.valueOf(chaine_de_caractères) ;
Pour convertir un entier en une chaîne de caractères, utiliser l’opération
suivante :
chaine_de_caractères = String.valueOf(valeur_entiere) ;
Pour concaténer deux chaînes de caractères en Java, on utilise l’opérateur
« + » :
ch1 = ch2+ « »+ ch3
Zone de texte (TextView)
Grille
Boutons

3. TP4 : Composants Graphiques Avancés 3
Développement
d'Applications
Mobiles
Activité 2 : Sélecteur
Nous nous proposons dans cet exercice de combiner l’utilisation d’une liste déroulante
(Spinner) et d’une liste simple.
Ceci est l’interface qu’on désire obtenir :
Au clic sur la liste déroulante, on obtient l’affichage suivant :
Quand on choisit un élément de la liste déroulante, l’affichage de la liste simple doit
changer. Par exemple, si on clique sur « Fruit », l’affichage devient comme suit :

4. 4 TP4 : Composants Graphiques Avancés
Développement
d'Applications
Mobiles
Un long clic sur un élément vous permet d’entrer en mode contextuel. Dans ce mode,
vous aurez la possibilité de supprimer ou de modifier l’élément choisi.
Réaliser une application (avec les valeurs de votre choix) permettant de réaliser les
opérations précédentes.
Activité 3 : Fragment (Cette activité sera considérée comme DS)
Reprendre le travail fait dans le TP précédent (TP3-P1), et ajouter un fragment en bas de
l’écran qui restera le même en passant d’une activité à une autre, et qui contient un
avatar et votre nom.