miércoles, 2 de octubre de 2013

Los Layouts - Impresiones

Se preguntarán ¿que es un Layout? para los que lo sepan me alegro, los que no a continuación les dejo una breve descripción:
Un Layout es un elemento no visual destinado a controlar la distribución, posición y dimensiones de los controles que se insertan en su interior.

Los layouts son los encargados de que nuestra idea tome forma en una pantalla de movil, cuando tenemos una idea de una aplicación pensamos en el concepto, luego empezamos a darle forma en nuestra mente y ya por último esa forma la mejoramos para que le resulte intuitiva a cualquier usuario y así lograr una aplicación atractiva.
Existen varios, nombrare algunos y pondré un ejemplo del que, personalmente, se le puede sacar mas partido.

FrameLayout es el más simple de todos coloca todos sus controles hijos alineados con su esquina superior izquierda de su contenedor, por lo tanto es perfecto para crear elementos que resultaran ser sustituidos o reemplazados,(placeholders) por ejemplo, una imagen.

LinearLayout apila uno tras otro todos sus elementos hijos de forma horizontal o vertical según se establezca su propiedad android:orientation.

GridLayout  distribuye los diferentes elementos de la interfaz de forma tabular, distribuidos en filas y columnas. Soporta android:layout_rowSpan y android:layout_columnSpan para especificar que una celda ocupe mas espacio del que por defecto se le asignaría, ampliándose su espacio en orientación vertical (Row) u horizontal (Column). Para la elaboración de un teclado de entrada de texto es una buena opción.

RelativeLayout define la posición de cada elemento de forma relativa a su elemento padre o a cualquier otro elemento incluido en el propio layout. De esta forma, al incluir un nuevo elemento X podremos indicar, por ejemplo, que debe colocarse debajo del elemento Y y alineado a la derecha del layout padre.

EJEMPLO:

<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        <EditText android:id="@+id/TxtNombre"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:inputType="text" />
        <Button android:id="@+id/BtnAceptar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/TxtNombre"
            android:layout_alignParentRight="true" />
</RelativeLayout>

No hay comentarios:

Publicar un comentario

Gracias por comentar