Interfaz de usuario – Layouts III.Relative Layout

Twitter: @roboxito

Finalizamos la revisión de capas contenedoras de controles en android, con el Relative Layout, permite agrupar controles como si tuvieran imanes, creando una rejilla alrededor y donde podemos depositar otro control en cualquier espacio disponible.

Para ejemplificar, armemos la figura que se muestra en la imagen.

relative layout

  1. Eliminamos la etiqueta de hola mundo e insertamos un
    Relative Layout
    .
  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.
  3. Insertamos un Button, y cambiamos la propiedad
    Layout height por 65dp, Text por O, Layout center in parent
    true.

    Este control será el centro y alrededor de él colocaremos otros controles Button, y cambiaremos sus propiedades
    Layout width y Layout height por 65dp y Text por < (menor que),> (mayor que),^ (circunflejo),v (letra v) respectivamente.

Vemos que así como el Table layout, al formarse columnas se ajustarán al primer control que contenga.

En las propiedades de cada control, podemos escribir que otros controles estarán a su alrededor.
Propiedades: Layout above,Layout below,Layout to left of,Layout to right of

Comparte ➜

No comments

Add yours