Share This
Bonjour tout le monde, je reviens aujourd’hui avec un nouveau tutorial à la main. Deux choses m’ont motivé à écrire. D’abord il parait (d’après Facebook) que c’est l’anniversaire d’Ibrahima Ndiaye alias Khalil. Une nouvelle bougie, un nouveau tuto 
. Je ne sais pas combien de temps tu veux vivre donc je te souhaite de vivre le bonheur jusqu’à la fin de tes jours. L’autre chose qui m’a motivé est la série de tuto sur Android qu’à entamé Mustaf. C’est avec grand plaisir que je participe à ce travail.
Alors pour revenir sur le sujet, je viens vous parler des layouts. C’est quoi une layout ? Une layout définit la structure visuelle d’une interface utilisateur tels que l’interface d’une activité. Une activité est une vue qui interagit avec l’utilisateur. Android vous offre 2 manières de définir vos layouts:
- Via un fichier XML : dans le fichier XML associé à l’activité.
- Via le programme de votre activité comme java swing.
NB : Vous pouvez aussi définir vos layouts via le fichier XML et modifier les propriétés dans le code de votre activité au moment de l’exécution.
L’avantage de déclarer votre interface dans un fichier XML est qu’il vous permet de mieux séparer la présentation de votre application du traitement qui contrôle son comportement. Quand la description de l’interface est externe au code, vous avez la possibilité de la modifier ou de l’adapter sans avoir à toucher le code. En plus de cela vous avez la possibilité de le réutiliser dans d’autres activités.
Nous allons continuer le tuto en considérant les fichiers XML.
Comment créer une layout avec fichier XML ?
D’abord il faut comprendre qu’une layout doit contenir un élément racine qui doit être une View ou une ViewGroup (Nous reviendrons sur ces 2 concepts dans les prochains tutos). Une fois que vous avez défini cette racine, vous pouvez ajouter des éléments enfants.
Voici quelques layouts les plus utilisées :
- LinearLayout : Il dispose ses éléments enfants dans une seule ligne horizontale ou verticale et crée une barre de défilement si la longueur de la fenêtre est supérieure à la longueur de l’écran.
- RelativeLayout : Il permet de spécifier l’emplacement des éléments enfants par rapport à l’autre (enfant A à gauche de B enfant) ou au parent (aligné sur le haut de la mère)
- WebView : Il permet d’afficher des pages web.
La figure ci-dessous nous montre exemple de layout.
Dans cet exemple nous avons un LinearLayout à la racine qui contient deux éléments fils, un TextView, un EditText et un Button. Une fois que nous avons défini notre layout nous pouvons le charger dans notre activité comme une vue. Cela se fait par la méthode setContentView. Dans l’exemple qui suit nous définissons notre layout dans un fichier main.xml.
Enfin, quand vous exécutez l’application vous avez l’image suivante.
Nous sommes arrivés au terme de notre tutorial. La prochaine fois nous allons vous parler des composants des éléments fils et leurs attributs, alors restez connecté sur Social Input. Je termine en vous disant à bientôt (bien sur avant le prochain anniversaire de M. Ndiaye).
pouyelayese
Latest posts by pouyelayese (see all)
- Andy c’est encore nous ! c’est quoi un layout ? - 05/03/2013
- Phonegap : android sans java - 31/10/2012
