Android Studio - Barra o Paleta de Herramientas - Layouts

Android Studio Layouts

En este nuevo paso aprenderemos como están definidas las herramientas en Android Studio.
Las herramientas en android las usaremos para crear el diseño de nuestras aplicaciones.

Aprenderemos paso a paso como se utiliza cada herramienta en Android Studio.
Pero primero vamos a definir cada uno de los controles que hay y su uso en el diseño.

1. Layouts.

Son las vistas que se utilizan para crear los diseños de nuestras aplicaciones que serán las ventanas que se mostraran en las actividades.

A. FrameLayout

Lo que hace es colocar las vistas sobre la parte superior izquierda poniendo los controles encima de los otros.

Ejemplo:

<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</FrameLayout>

B. LinearLayout

Es uno de los diseños de vista que se utilizan en android para crear interfaces de usuario.
La alineación de este puede ser vertical u horizontal. Quiere decir que se pueden colocar controles en
filas o columnas. 

Horizontal

<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal">
</LinearLayout>

Vertical

<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical">
</LinearLayout>

C. TableLayout

En este diseño de vista podemos disponer de ambas alineaciones tanto vertical como horizontal al mismo tiempo en forma de columnas y filas.

<TableLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent">
 </TableLayout>

D. TableRow

Este diseño va anidado dentro de los linearlayout o tablelayout y se utiliza dentro de estos, Alineando los controles de forma horizontal.

<TableRow
 android:layout_width="match_parent"
 android:layout_height="match_parent">
 <TableRow
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_column="1">
</TableRow>
 </TableRow>

E. GridLayout

Esta vista de diseño permite prácticamente un grid con columnas y filas que sirve para contener los controles en celdas.

<GridLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="2"
android:rowCount="2">
</GridLayout>

F. RelativeLayout

En esta vista los elementos se alinean dependiendo de su elemento padre.

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</RelativeLayout>

Espero el contenido haya sido de su agrado y todo haya quedado con claridad. Mas adelante iremos viendo con mas detalle cada uno de los controles su funcionalidad y propiedades en el uso de las aplicaciones. Comparte el blog con tus amigos para promover el conocimiento y ayudarme a seguir publicando contenido para continuar aprendiendo. Gracias por tu tiempo. 

Android Studio - Curso Español