El disseny: TableLayout i RelativeLayout FrameLayout

El disseny és un TableLayout molt especial que et permet organitzar el contingut com si estiguéssim treballant amb una taula. Un exemple d'aplicació que permeti aprofitar aquest tipus de disseny pot ser ofert per una galeria on es podria pensar que els vaig mostrar una sèrie de miniatures disposades en forma ordenada amb la imatge TableLayout una imatge més gran i després fer clic a l'usuari.

Els continguts s'organitzen en una TableLayout gràcies a una TableRow que identifica una fila de la taula. Dins d'aquest objecte de posar tots els elements que volem mostrar aquesta fila específica.

Es mostra un exemple il.lustratiu Ara crearem un TableLayout amb quatre files i quatre columnes. El codi de Java per crear és la següent (una vegada més per conveniència que importem andorid.widget .*):

 TableLayout TableLayout TableLayout = new (est);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int compte = 0;







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



  



 TableRow TableRow = new TableRow (est);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



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

 

    



 compte + +;



    



 TextView testoCella = new TextView (est);

 

    



 testoCella.setText ("cèl lula" count);

 

    



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



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (TableLayout);

Ara farem una anàlisi rigorosa del codi. En primer lloc es crea un objecte de TableLayout tipus que es posa a la part superior de la pantalla. La construcció de la pròpia distribució es realitza mitjançant dos niats per.
En el primer declarar un objecte de tipus TableRow, i la gravetat que s'estableix la propietat per centrar el contingut de l'objecte.
Per a cada iteració de la segona anem a omplir el tabeRow amb una TextView (fem servir la variable comptador s'incrementa en cada iteració), després aplicar un farciment de 10 píxels dels quatre vores de la cel i, finalment, per associar el TableRow TextView creat per la primària.
Al final de la primera anyada de la TableRow (que conté les quatre dels nostres TextView creats amb bucle niu) per TableLayout. Finalment, amb la setContentView comanda habitual, s'associa la TableLayout creat la finestra de la nostra activitat

El resultat final es mostra en la següent imatge:

A més dels dos models vist anteriorment, hi ha dos més fàcil d'usar: FrameLayout i RelativeLayout. El primer disseny és un fet bàsic només pot contenir un giny i s'estén al llarg dels més grans disponibles en el punt en la part superior esquerra de la pantalla. La segona és la posició de l'element a la finestra amb la seva mida original i, per tant, sense fer cap canvi de mida.

Òbviament, en una finestra, pot utilitzar més d'un tipus de disseny, recordant, però, després incorporar-los en un disseny únic que li pot passar com argument a la setContentView mètode. Un exemple d'això es mostra en el codi:

 LinearLayout linearLayout1 LinearLayout = new (est);







 / / Codi per inserir elements d'aquest disseny







 TableLayout TableLayout TableLayout = new (est);







 / / Codi per inserir elements d'aquest disseny









 LinearLayout linearLayoutPrimario LinearLayout = new (est);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (TableLayout);









 setContentView (linearLayoutPrimario);

• <<Lliçó anterior
• Índex de l'ajuda
• Lliçó següent>>