La mise en page: TableLayout et RelativeLayout FrameLayout

L'agencement est un TableLayout très spécial qui vous permet d'organiser le contenu, comme si nous travaillions avec une table. Un exemple d'application qui pourrait exploiter ce type de configuration peut être offert par une galerie où vous pourriez penser que je vous a montré une série de vignettes disposées de manière ordonnée en utilisant l'image TableLayout une plus grande image et ensuite cliqué utilisateur.

Le contenu est organisé en une grâce à un TableLayout TableRow qui identifie une ligne dans la table. Dans cet objet nous avons mis tous les éléments que nous voulons montrer que le rang précis.

Nous montrons un exemple illustratif allons maintenant créer une TableLayout avec quatre lignes et quatre colonnes. Le code Java pour le créer est la suivante (à nouveau pour plus de commodité, nous importons andorid.widget .*):

 TableLayout TableLayout TableLayout = nouveau (cela);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int count = 0;







 for (int i = 0; i <4; i + +) {



  



 TableRow TableRow = new TableRow (this);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



 for (int j = 0 j <4; j + +) {

 

    



 count + +;



    



 TextView testoCella = new TextView (this);

 

    



 testoCella.setText ("cellule" count +);

 

    



 testoCella.setPadding (10, 10, 10, 10);



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (TableLayout);

Nous allons maintenant faire une analyse rigoureuse du code. D'abord, vous créez un objet de TableLayout type qui est positionné en haut de l'écran. La construction du réseau lui-même est réalisée en utilisant deux imbriqués pour.
Pour dans la première déclarer un objet de TableRow type et la gravité nous définissons la propriété pour centrer le contenu dans l'objet.
Pour chaque itération de la seconde nous allons remplir le tabeRow avec un TextView (nous utilisons le nombre de variables incrémenté à chaque itération), puis d'appliquer un padding de 10 pixels à partir des quatre bords de la cellule et, enfin, d'associer les TableRow TextView créé pour le primaire.
A la fin de l'ajouter d'abord pour l'TableRow (contenant tous les quatre de nos TextView créé avec boucle imbriquée) pour TableLayout. Enfin, avec la commande habituelle setContentView, nous associons le TableLayout créé la fenêtre de notre activité

Le résultat final est affiché dans la capture ci-dessous:

En plus des deux présentations a vu précédemment, il ya deux plus faciles à utiliser: FrameLayout et RelativeLayout. La première disposition est un fait de base peut contenir qu'un seul widget et s'étend à travers le plus grand disponible à partir du point en haut à gauche de l'écran. La seconde est la position de l'élément dans la fenêtre avec sa taille d'origine et, par conséquent, sans faire aucun redimensionnement.

Évidemment, dans une fenêtre, vous pouvez utiliser plus d'un type de présentation, en se rappelant, cependant, puis de les intégrer dans un agencement unique qui sera passé comme argument à l'setContentView méthode. Un exemple de ceci est montré dans le code suivant:

 LinearLayout linearLayout1 LinearLayout = nouveau (cela);







 / / Code pour insérer des éléments de cette mise en page







 TableLayout TableLayout TableLayout = nouveau (cela);







 / / Code pour insérer des éléments de cette mise en page









 LinearLayout linearLayoutPrimario LinearLayout = nouveau (cela);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (TableLayout);









 setContentView (linearLayoutPrimario);

• <<Leçon précédente
• Index de l'aide
• Leçon suivante>>