jueves, 15 de enero de 2015

(Clase #1) acerca de los layout en android studio

LAYOUT EN ANDROID STUDIO: TIPOS DE LAYOUT, CONFIGURACION DE LOS LAYOUT, COMO UTILIZAR LOS LAYOUT.

FrameLayout:

El FrameLayout es un tipo de Layout, que tiene como principal característica poder sobreponer las herramientas que tiene el Android Studio, es decir si se coloca una herramienta dentro del FrameLayout ya sea un Button se podrá poner encima de ella otro otra herramienta, esto puede ser necesario para algunas aplicaciones que necesiten sobreponer herramientas por ejemplo poner un Button encima de otro Button.

Otra característica del FrameLayout, es que tiene divisiones en forma de matriz para poder colocar las herramientas. Aclarando que al colocar una herramienta dentro del espacio de matriz que le corresponde esta se sobrepondrá a la herramienta ya puesta dentro del espacio de la matriz. Veamos el ejemplo para aclarar mejor los conceptos.  


Completando algunos campos de la matriz esto quedaría de esta forma:


Si colocamos herramientas dentro de cada espacio verde, notaremos que las herramientas se ponen encima de las ya colocadas.

LinearLayout:
Este Layout es muy útil a la hora de crear aplicaciones de ayuda personal, este tipo de layout tiene dos categorías, (LinearLayout horizontal, LinearLayout Vertical)

LinerLayout Horizontal.- la característica de este layout es que las herramienta que nosotros coloquemos dentro de ella se posicionaran automáticamente en forma Horizontal ejemplo:




Podemos notar que en la última herramienta agregada al Layout Android Studio  lo acomodo de tal forma que encaje en el orden horizontal es por esa razón que distorsiona el texto.

LinearLayout Vertical.- de la misma forma que el LinearLayout horizontal, este layout acomoda las herramientas por su característica que es Vertical. Ejemplo.




Podemos notar que no importa la alineación que tomemos este Layout coloca las herramientas de forma vertical.
También debemos mencionar que este layout se puede cambiar de sentido mediante al propiedad Orientation.

TableLayout.-  este layotu ayuda colocar herramientas en forma de matriz, con las columnas y filas que se desee. La característica de este Layout, es que podemos crear un matriz de herramientas de NxM, también mencionando que cada fila es un layotut Horizontal que colocara las herramientas como nosotros especifiquemos. Ejemplo:




Como podemos notar en la parte seleccionada de rojo vemos que cada inicio de fila crea un campo de herramientas que simboliza la cadena de herramientas en forma horizontal del TableRow. Entonces un TableLayout, contiene varios TableRow.

GridLayout.- este layout tiene casi las mismas propiedades de un TableLayout, con una principal característica, la cual es la propiedad Columncount, rowCount. Como veremos en la imagen:


RelativeLayout.- esta layout nos permite colocar las herramientas en base a la alineación de un elemento, si colocamos un button al centro de la aplicación entonces, nuestro siguiente elemento se colocara en base a la orientación que nosotros coloquemos respecto al button esta orientación puede ser vertical u horizontal. Ejemplo.




1 comentario: