Interfaz de usuario – Layouts II.TableLayout

Twitter: @roboxito

Continuamos con la revisión de los layouts o capas contenedoras de controles en android, existe una
capa llamada Absolute Layout, pero trataremos de no utilizarla por recomendación de google, ya que esta actualmente en desuso.

Armemos el ejemplo que se presenta en la imagen.

  1. Eliminamos la etiqueta de hola mundo e insertamos un
    Table Layout
    .
    Como en html nos sirve para definir una tabla donde colocaremos controles.
  2. Cambiamos la propiedad background del layout por #cccccc por ejemplo, para tener un fondo gris y aumentamos el alto en la propiedad Layout Height a 200dp.
    Para distinguir mejor el espacio.
  3. Insertamos el layoutTableRow.
    Porque también necesitamos insertar las filas que compondrán la tabla.
  4. Insertamos un EditText, y cambiamos la propiedad Layout height por 65dp
  5. Insertamos otro TableRow debajo y arrastramos 2 controles Button dentro de él.

Con esto vemos que el primer button toma automáticamente el ancho del EditText y el segundo se ajusta a su contenido, como es su funcionamiento por defecto.

Esto se debe a que nuestra tabla, como en Excel, maneja un mismo tamaño en toda la columna y las  celdas tienen adaptarse a él, en este caso al primer control. Podemos agregar cuantos renglones o TableRow necesitemos dentro de un TableLayout.

La siguiente entrega veremos con el Relative layout y con eso concluiremos esta serie de capas contenedoras.

Happy Haking!

Comparte ➜

No comments

Add yours