Améliorer l'esthétique

Mais juste avant de transférer notre application dans notre smartphone, nous allons améliorer son aspect ; en effet, l'image représentant le cadran de boussole apparaît sur le haut de l'écran. Il vaudrait mieux que l'image soit centrée.

1/5 - Pour cela, il faut retourner au dessin de l'interface et glisser-déposer un "VerticalArrangement" (depuis le menu "Screen Arrangement") sous le "canvas1", sur l'écran du téléphone représentant l'interface graphique de l'application :

2/5 - Ensuite, il faut en modifier la largeur pour l'adapter à notre écran :

3/5 - Puis, il faut glisser-déposer le "Canvas1" à l'intérieur de ce "VerticalArrangement" ; les éléments contenus dans le canvas1 seront automatiquement déplacés :

4/5 - Pour vérifier que tout s'est bien passé, il suffit de regarder l'arborescence des composants dans la rubrique "Components", sur la droite de l'écran : "Canvas1" doit être inclus dans "VerticalArrangement" :

5/5 - Enfin, on modifie la hauteur ainsi que le mode d'alignement vertical du composant "VerticalArrangement".

Si on fait apparaître l'émulateur, toujours actif, la modification graphique doit être visible :

Créé avec HelpNDoc Personal Edition: Découvrez la puissance et la simplicité de l'interface utilisateur de HelpNDoc