El diseño: TableLayout y RelativeLayout FrameLayout

El diseño es un TableLayout muy especial que te permite organizar el contenido como si estuviéramos trabajando con una tabla. Un ejemplo de aplicación que permita aprovechar este tipo de diseño puede ser ofrecido por una galería donde se podría pensar que les mostré una serie de miniaturas dispuestas en forma ordenada con la imagen TableLayout una imagen más grande y luego hacer clic en del usuario.

Los contenidos se organizan en una TableLayout gracias a una TableRow que identifica a una fila de la tabla. Dentro de este objeto que poner todos los elementos que queremos mostrar esa fila específica.

Se muestra un ejemplo ilustrativo Ahora vamos a crear un TableLayout con cuatro filas y cuatro columnas. El código de Java para crear es la siguiente (una vez más por conveniencia que importamos andorid.widget .*):

 TableLayout TableLayout TableLayout = new (este);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int cuenta = 0;







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



  



 TableRow TableRow = new TableRow (este);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



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

 

    



 cuenta + +;



    



 TextView testoCella = new TextView (este);

 

    



 testoCella.setText ("célula" count +);

 

    



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



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (TableLayout);

Ahora vamos a hacer un análisis riguroso del código. En primer lugar se crea un objeto de TableLayout tipo que se coloca en la parte superior de la pantalla. La construcción de la propia distribución se realiza mediante dos anidados para.
En el primer declarar un objeto de tipo TableRow, y la gravedad que se establece la propiedad para centrar el contenido del objeto.
Para cada iteración de la segunda vamos a llenar el tabeRow con una TextView (usamos la variable contador se incrementa en cada iteración), luego aplicar un relleno de 10 píxeles de los cuatro bordes de la celda y, finalmente, para asociar el TableRow TextView creado para la primaria.
Al final de la primera añada de la TableRow (que contiene las cuatro de nuestros TextView creados con bucle anidado) para TableLayout. Finalmente, con la setContentView comando habitual, se asocia la TableLayout creado la ventana de nuestra actividad

El resultado final se muestra en la siguiente imagen:

Además de los dos modelos visto anteriormente, hay dos más fácil de usar: FrameLayout y RelativeLayout. El primer diseño es un hecho básico sólo puede contener un widget y se extiende a lo largo de los más grandes disponibles en el punto en la parte superior izquierda de la pantalla. La segunda es la posición del elemento en la ventana con su tamaño original y, por tanto, sin hacer ningún cambio de tamaño.

Obviamente, en una ventana, puede utilizar más de un tipo de diseño, recordando, sin embargo, luego incorporarlos en un diseño único que le puede pasar como argumento a la setContentView método. Un ejemplo de esto se muestra en el siguiente código:

 LinearLayout linearLayout1 LinearLayout = new (este);







 / / Código para insertar elementos de este diseño







 TableLayout TableLayout TableLayout = new (este);







 / / Código para insertar elementos de este diseño









 LinearLayout linearLayoutPrimario LinearLayout = new (este);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (TableLayout);









 setContentView (linearLayoutPrimario);

• <<Lección anterior
• Índice de la ayuda
• Lección siguiente>>