Tipos de Layout en ANDROID STUDIO
Escuela: Centro de Bachillerato Tecnologico Industrial y de Servicios 122. Materia: Desarrollo de Aplicaciones Moviles. Docente: MSI Raul Alberto Toledo Piñon. Trabajo: Tipos de Layout en Android Studio. Estudiante: Alejandra Arely Chavez Rivera. No. Control: 15308051220648 Grado y Grupo: 4°G Especialidad: Programación Fecha: 26 de Febrero del 2016
Layout
Un layout es un fichero XML que nos permite tener una o mas vistas, este controla su comportamiento y posicion. El layout se encarga de establecer el diseño de la interfaz de usuario (UI). Hay que destacar que un Layout puede contener a otro Layout, ademas de que es un descendiente de la clase View. En pocas palabras un layout nos permite posicionar cada objeto grafico en el lugar que queramos de la pantalla de diseñ, es decir, nos permite diseñar el aspect grafico que va a tener nuestra pantalla.
Dispone los elementos en una fila o en una columna.
LinearLayout
TableLayout
Distribuye los elementos de forma tabular.
Tipos de Layout
Dispone los elementos en relación a otro o al padre.
RelativeLayout
Posiciona los elementos de forma absoluta.
AbsoluteLayout
FrameLayout
Permite el cambio dinámico de los elementos que contiene.
LinearLayout
Es un grupo de vista que distribuye los elementos uno detrás de otro, bien de forma horizontal o vertical. Es uno de los Layout más utilizado en la práctica.
Propiedades: android:orientation (setOrientation): Determina si las vistas se alinean verticalmente u horizontalmente. android:baselineAligned (setBaselineAligned): de forma predeterminada, LinearLayout alinea las vistas que contiene en función de su línea base (línea invisible sobre la que apoya el texto). android:gravity (setGravity): permite definir la gravedad del propio LinearLayout, o sea, cómo se alinea todo su contenido.
Ejemplo:
XML
TableLayout
TableLayout distribuye los elementos de forma tabular. Se utiliza la etiqueta cada vez que queremos insertar una nueva línea. Con TableLayout añadimos una nueva dimensión, pudiendo disponer las vistas tanto verticalmente como horizontalmente, en forma de tabla.
Propiedades:TableLayout hereda directamente de LinearLayout, por lo que dispone de todas sus propiedades. Por su parte, TableLayout tiene algunas propiedades exclusivas:android:collapseColumns (setColumnCollapsed): permite ocultar columnas, como si no estuvieran en el diseño. El espacio que dejan lo ocupan el resto de columnas.android:shrinkColumns (setColumnShrinkable): permite marcar las columnas como encogibles, asi su anchura se reduce para adaptarse al tamaño del contenedor.android:stretchColumns (setColumnStretchable): esta propiedad permite que una columna se expanda aumentando su anchura hasta que todo el contenido del TableLayout ocupe la totalidad de la anchura de su contenedor.
Ejemplo
XML
RelativeLayout
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 especificar la posicion de cada elemento de forma relativa a su elemento padreo cualquier otro elemento incluido en el propio layout.
Su caracteristica principal es que los widgets que esten dentro de este contenedor basaran su posicion en relacion con los otros elementos. De esta forma, pdemos definir que el widget X queda debajo del widget Y, y que a su vez este se alinee verticalmente con el widget Z.
Ejemplo
XML
AbsoluteLayout
AbsoluteLayut permite indicar las coordenadas (x,y) donde queremos que se visualice cada elemento. No se recomienda utilizar este tipo de Layout. Pues cuando estamos diseñando una aplicación 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.
Ejemplo
XML
FrameLayout
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. FrameLayout no realiza ninguna distribucion de las vistas, simplememnte las coloca unas encima de otras. Esto le evita tener que relacionar los tamaños de unas vistas con los de las demas, por lo que se ahrra recorrido de vistas, tardand menos en mostrar su contendido.
Ejemplo
XML
Tipos de Layout en Android Studio
alechavez101
Created on February 25, 2017
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Psychedelic Presentation
View
Chalkboard Presentation
View
Witchcraft Presentation
View
Sketchbook Presentation
View
Genial Storytale Presentation
View
Vaporwave presentation
View
Animated Sketch Presentation
Explore all templates
Transcript
Tipos de Layout en ANDROID STUDIO
Escuela: Centro de Bachillerato Tecnologico Industrial y de Servicios 122. Materia: Desarrollo de Aplicaciones Moviles. Docente: MSI Raul Alberto Toledo Piñon. Trabajo: Tipos de Layout en Android Studio. Estudiante: Alejandra Arely Chavez Rivera. No. Control: 15308051220648 Grado y Grupo: 4°G Especialidad: Programación Fecha: 26 de Febrero del 2016
Layout
Un layout es un fichero XML que nos permite tener una o mas vistas, este controla su comportamiento y posicion. El layout se encarga de establecer el diseño de la interfaz de usuario (UI). Hay que destacar que un Layout puede contener a otro Layout, ademas de que es un descendiente de la clase View. En pocas palabras un layout nos permite posicionar cada objeto grafico en el lugar que queramos de la pantalla de diseñ, es decir, nos permite diseñar el aspect grafico que va a tener nuestra pantalla.
Dispone los elementos en una fila o en una columna.
LinearLayout
TableLayout
Distribuye los elementos de forma tabular.
Tipos de Layout
Dispone los elementos en relación a otro o al padre.
RelativeLayout
Posiciona los elementos de forma absoluta.
AbsoluteLayout
FrameLayout
Permite el cambio dinámico de los elementos que contiene.
LinearLayout
Es un grupo de vista que distribuye los elementos uno detrás de otro, bien de forma horizontal o vertical. Es uno de los Layout más utilizado en la práctica.
Propiedades: android:orientation (setOrientation): Determina si las vistas se alinean verticalmente u horizontalmente. android:baselineAligned (setBaselineAligned): de forma predeterminada, LinearLayout alinea las vistas que contiene en función de su línea base (línea invisible sobre la que apoya el texto). android:gravity (setGravity): permite definir la gravedad del propio LinearLayout, o sea, cómo se alinea todo su contenido.
Ejemplo:
XML
TableLayout
TableLayout distribuye los elementos de forma tabular. Se utiliza la etiqueta cada vez que queremos insertar una nueva línea. Con TableLayout añadimos una nueva dimensión, pudiendo disponer las vistas tanto verticalmente como horizontalmente, en forma de tabla.
Propiedades:TableLayout hereda directamente de LinearLayout, por lo que dispone de todas sus propiedades. Por su parte, TableLayout tiene algunas propiedades exclusivas:android:collapseColumns (setColumnCollapsed): permite ocultar columnas, como si no estuvieran en el diseño. El espacio que dejan lo ocupan el resto de columnas.android:shrinkColumns (setColumnShrinkable): permite marcar las columnas como encogibles, asi su anchura se reduce para adaptarse al tamaño del contenedor.android:stretchColumns (setColumnStretchable): esta propiedad permite que una columna se expanda aumentando su anchura hasta que todo el contenido del TableLayout ocupe la totalidad de la anchura de su contenedor.
Ejemplo
XML
RelativeLayout
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 especificar la posicion de cada elemento de forma relativa a su elemento padreo cualquier otro elemento incluido en el propio layout.
Su caracteristica principal es que los widgets que esten dentro de este contenedor basaran su posicion en relacion con los otros elementos. De esta forma, pdemos definir que el widget X queda debajo del widget Y, y que a su vez este se alinee verticalmente con el widget Z.
Ejemplo
XML
AbsoluteLayout
AbsoluteLayut permite indicar las coordenadas (x,y) donde queremos que se visualice cada elemento. No se recomienda utilizar este tipo de Layout. Pues cuando estamos diseñando una aplicación 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.
Ejemplo
XML
FrameLayout
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. FrameLayout no realiza ninguna distribucion de las vistas, simplememnte las coloca unas encima de otras. Esto le evita tener que relacionar los tamaños de unas vistas con los de las demas, por lo que se ahrra recorrido de vistas, tardand menos en mostrar su contendido.
Ejemplo
XML