LAYOUTSPresentado por:

Mónica Vanessa Henríquez MoralesAndrés Fernando Zepeda MoralesGerardo Antonio Córdova Portillo

LAYOUTS

los layout son elementos no visuales destinados a controlar la distribución, posición y dimensiones de los controles que se insertan en su interior. Estos componentes extienden a la clase base ViewGroup, como muchos otros componentes contenedores, es decir, capaces de contener a otros controles.

Los layout nos permiten posicionar cada objeto gráfico en el lugar que queramos de la pantalla, es decir, nos permite diseñar el aspecto gráfico que va a tener nuestra pantalla. Los layouts son de tipo ViewGroup, una subclase de View

PARÁMETROS DE DISEÑO

Cada subclase LayoutParams tiene su propia sintaxis para establecer valores. Cada elemento hijo debe definir LayoutParams que sean apropiados para su matriz, aunque también puede definir diferentes LayoutParams por sus propios hijos.

Todos los grupos de vistas incluyen una anchura y altura layout_width y layout_height y se requiere cada vista para definirlos. Muchos LayoutParams también incluyen márgenes y bordes opcionales.

Puede especificar el ancho y la altura con medidas exactas, aunque es probable que no va a querer hacer esto con frecuencia. Más a menudo, se utiliza una de estas constantes para establecer la anchura o altura:

wrap_content Constante especial para la altura o el ancho de una vista. La vista debe ser lo suficientemente grande como para incluir su contenido además del relleno.

match_parent (llamado fill_parent antes Nivel API 8) Constante especial para la altura o el ancho de una vista. La vista debe ser tan grande como su padre menos el relleno. (se ajusta al tope)

LAYOUTS MAS UTILIZADOS

LinearLayout: Dispone los elementos en una fila o en una columna.

TableLayout: Distribuye los elementos de forma tabular.

RelativeLayout: Dispone los elementos en relación a otro o al padre.

AbsoluteLayout: Posiciona los elementos de forma absoluta.

FrameLayout: Permite el cambio dinámico de los elementos que contiene.

LINEARLAYOUT

Este tipo de layout coloca sus hijos unos detras de otros, también comenzando por la esquina superior izquierda de la pantalla. Podemos colocarlos alineados horizontalmente o verticalmente mediante su propiedad ***android:orientation=”horizontal

Distribuye los elementos uno detrás de otro, bien de forma horizontal o vertical. 

LINEARLAYOUT

TABLELAYOUT

distribuye los elementos de forma tabular definiendo las filas y columnas necesarias, y la posición de cada componente dentro de la tabla.

Se utiliza la etiqueta <TableRow> cada vez que queremos insertar una nueva línea.

TABLELAYOUT

RELATIVELAYOUT

permite comenzar a situar los elementos en cualquiera de los cuatro lados del contenedor e ir añadiendo nuevos elementos pegados a estos.

Este Layout permite que coloquemos los elementos en un lugar con respecto a la posición de otro, es decir, colocar un botón a la derecha de un texto, o centrarlo en la pantalla, o por ejemplo, colocar un texto encima de tal elemento y a la derecha de este otro.

Para conseguir esto, RelativeLayout proporciona propiedades comoandroid:layout_toRightOf o android:layout_alignLeft, que toman como valores los identificadores de los objetos, o valores booleanos.

RELATIVELAYOUT

ABSOLUTELAYOUT

Permite indicar las coordenadas (x,y) donde queremos que se visualice cada elemento. No es recomendable utilizar este tipo de Layout. La aplicación que estamos diseñando tiene que visualizarse correctamente en dispositivos con cualquier tamaño de pantalla. Para conseguir esto, no es una buena idea trabajar con coordenadas absolutas. De hecho, este tipo de Layout ha sido marcado como obsoleto.

ABSOLUTELAYOUT

FRAMELAYOUT

 Posiciona las vistas usando todo el contenedor, sin distribuirlas espacialmente. Este Layout suele utilizarse cuando queremos que varias vistas ocupen un mismo lugar. Podemos hacer que solo una sea visible, o superponerlas. Para modificar la visibilidad de un elemento utilizaremos la propiedad visibility.

Es el más simple de todos los layouts de Android. Un FrameLayout 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.

FRAMELAYOUT

DISPOSICIONES COMUNES Cada subclase de la ViewGroup clase proporciona una

manera única para mostrar los puntos de vista que anidan en su interior. A continuación se presentan algunos de los tipos más comunes de diseño que se construyen en la plataforma Android.

Linear Layout Un diseño que organiza sus hijos en una sola fila

horizontal o vertical. Se crea una barra de desplazamiento si la longitud de la ventana excede la longitud de la pantalla.

DISPOSICIONES COMUNESDisposición Relativa Le permite especificar la ubicación de los objetos

secundarios con relación a otra (el niño de A a la izquierda del niño B) o al padre (alineado a la parte superior de la matriz).

Vista Web Muestra páginas web.

DISEÑOS DE CONSTRUCCIÓN CON UN ADAPTADOR

Cuando el contenido de su diseño es dinámico o no predeterminado, puede utilizar un diseño que subclases AdapterView para poblar el diseño con vistas en tiempo de ejecución. Una subclase de la AdapterView clase utiliza un Adapter para enlazar los datos a su disposición. 

Vista de la lista Muestra una lista de una sola

columna de desplazamiento.

DISEÑOS DE CONSTRUCCIÓN CON UN ADAPTADOR

Vista en cuadrícula Muestra una cuadrícula de desplazamiento de

columnas y filas.