Actividad No 6 Guia

Trabajo con Layout

Layout: es un elemento que representa el diseño de la interfaz de usuario, que contiene componentes
gráficos como una actividad, fragmento o widget.
Actividad ya reconoce su definición, el fragmento es una versión para dispositivos móviles más
amplios como las Tablet

Tipos de layout: busque información gráfica de la distribución de los diferentes layout, compárela

RelativeLayout

LinearLayout

FrameLayout
TableLayout

GridLayout
1. Cree una actividad denominada Layouts

2. Borre todos los componentes de la actividad

 3. Agregue un layout linear

Por defecto este horizontal, agregue 5 componentes de la paletta, observe como los ordena de
forma horizontal, solo debe llevarlo y soltarlo él lo ordenara de forma lineal horizontal,

Estos layout son determinantes para que sus proyectos funcionen como los ha analizado.
Los layout tienen propiedades básicas, termine de agregar los 5 componentes propuestos.

En el árbol de componentes, haga clic sobre le LinearLayout

Cambie la opción horizontal por vertical, Guarde sus cambios. Cambie a modo texto y hágalo por
medio de código, ubique la línea, realice le cambio y observe, copie sus cambios.

1. Cree un sistema de Usuario y contraseña con linearLayout vertical

Cambie características de diseño de la interfaz, descríbalos.

En usuario debe recibir todos los símbolos y en contraseña esos símbolos deben convertirse
automáticamente en **************

Agregue tres ejemplos, documéntelos, tome sus imágenes del proceso.

El botón verificar lo debe llevar a otra Actividad donde agregue un ejemplo en el cual va a tener 6
botones, donde llevaran a diferentes layouts, observe que los botones quedan agrupados hacia la
parte de superior del layout y queremos que queden ordenados y distribuidos de forma
equivalente.

Agregue el siguiente código a cada botón, reemplace lo que esta repetido “el sistema le
informara”
Lineas a agragar en cada botón
android:layout_height="0dp"
android:layout_weight="1"

Investigue estas propiedades. Aplique cambios

android:layout_marginTop="10dp"
android:layout_marginLeft="20dp"

Puedo empezar a desplazar los elementos con margin

Investigue estas propiedades. Aplique cambios

El primer botón debe llevarme a un RelativeLayout

Además de posicionar un elemento con respecto a otro del mismo nivel, también podemos
hacerlo con respecto al área que corresponde al RelativeLayout. Si agrego un elemento
dependiendo del otro, cuando mueva al padre se mueve toda la estructura o todos los
componentes.

Este layout permite referenciar frente a otros objetos, siempre su dominio es desde el primero o
desde le padre si muevo al padre se mueven todos detrás de el.

Para posicionar se observa el recuadro amarrillo este permite informar donde quedara
Oprima Ctrl – clic sobre los componentes y lo llevar al archivo xml, para modificar le texto del
botón o clic y cambie la propiedad.

Solo debe hacer los que está en el diseño.

Agregue tres ejemplos, documéntelos, tome sus imágenes del proceso.

Cree por cada botón una actividad. La siguiente contendrá un LinearLayout, se debe agregar un
TableLayout y en cada tableRow se agregar los elementos que requiero.

Agregue un

Cada botón debe contener un ejemplo de layout.

Usted debe dominar por medio de ejercicios prácticos el uso de layout.

Próxima clase deberá ingresar datos a las cajas de texto, hacer operaciones matemáticas.

Usuario:
Calculadora: