entorno interfaz grafica android

Interfaz de usuario en Android: Layouts
por Sgoliver el 17/08/2010 en Android, Programación

En el artículo anterior del curso, donde desarrollamos una sencilla aplicación Android desde
cero, ya hicimos algunos comentarios sobre los layouts. Como ya indicamos, los layouts son
elementos no visuales destinados a controlar la distribución, posición y dimensiones de los
controles que seinsertan en su interior. Estos componentes extienden a la clase
baseViewGroup, como muchos otros componentes contenedores, es decir, capaces de
contener a otros controles. En el post anterior conocimos la existencia de un tipo concreto de
layout,LinearLayout, aunque Android nos proporciona algunos otros. Veámos cuántos y
cuáles.
FrameLayout
Éste es el más simple de todos los layouts de Android. UnFrameLayout coloca todos sus
controles hijos alineados con su esquina superior izquierda, de forma que cada control
quedará oculto por el control siguiente (a menos que éste último tenga transparencia). Por
ello, suele utilizarse para mostrar un único control en su interior, a modo de contenedor
(placeholder) sencillo para un sólo elemento sustituible, por ejemplo una imagen.
Loscomponentes

incluidos

en

un FrameLayout podrán

establecer

sus

propiedadesandroid:layout_width y android:layout_height, que podrán tomar los
valores “match_parent” (para que el control hijo tome la dimensión de su layout contenedor)
o “wrap_content” (para que el control hijo tome la dimensión de su contenido). NOTA: Si
estás utilizando una versión de la API de Android inferior a la 8(Android 2.2), en vez de
“match_parent” deberás utilizar su equivalente “fill_parent”.
Ejemplo:

1
2
3
4
5
6
7
8
9
10
11





Con el código anterior conseguimos un layout tan sencillo como el siguiente:

LinearLayout
El siguiente tipo de layout en cuanto a nivel de complejidad es el LinearLayout. Este layout
apila uno tras otro todos sus elementos hijos de forma horizontal overtical según se
establezca su propiedad android:orientation.
Al igual que en un FrameLayout, los elementos contenidos en un LinearLayout pueden
establecer

sus

propiedades android:layout_width y android:layout_height para

determinar sus dimensiones dentro del layout. Pero en el caso de un LinearLayout,
tendremos otro parámetro con el que jugar, la propiedad android:layout_weight.1
2
3
4
5
6
7
8
9
10
11
12
13
14
15






Esta propiedad nos va a permitir dar a los elementos contenidos en el layout unas
dimensiones proporcionales entre ellas. Esto es más dificil de explicar que de comprender con
un ejemplo. Si incluimos en un LinearLayout vertical dos cuadros de texto (EditText) y a
uno

de

ellos

le

establecemos

un layout_weight=”1″ yal

otro

un layout_weight=”2″ conseguiremos como efecto que toda la superficie del layout quede
ocupada por los dos cuadros de texto y que además el segundo sea el doble (relación entre
sus propiedades weight) de alto que el primero.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19






Con el código anterior conseguiríamos un layout como el siguiente:

Asípues, a pesar de la simplicidad aparente de este layout resulta ser lo suficiente versátil
como para sernos de utilidad en muchas ocasiones.
TableLayout
Un TableLayout permite distribuir sus elementos hijos de forma tabular, definiendo las filas
y columnas necesarias, y la posición de cada componente dentro de la tabla.
La estructura de la tabla se define de forma similar a como se hace enHTML, es decir,
indicando las filas que compondrán la tabla (objetos TableRow), y dentro de cada fila las
columnas necesarias, con la salvedad de que no existe ningún objeto especial para definir una
columna (algo así como un TableColumn) sino que directamente insertaremos los controles
necesarios dentro del TableRow y cada componente insertado (que puede ser un control

sencillo o incluso...