“DESARROLLO DE

APLICACIONES MOVILES
ANDROID”
2020
CONCEPTOS
 LAYOUTS

• UN LAYOUT ES UN ELEMENTO QUE REPRESENTA EL DISEÑO DE LA

INTERFAZ DE USUARIO. ELLOS SE ENCARGAN DE ACTUAR COMO
CONTENEDORES DE VIEWS PARA ESTABLECER UN ORDEN VISUAL, QUE
FACILITE LA COMUNICACIÓN DEL USUARIO CON LA INTERFAZ DE LA
APLICACIÓN.
 LAYOUTS

• EXISTE EL DIRECTORIO RES PARA EL ALMACENAMIENTO DE RECURSOS DE LA

APLICACIÓN QUE SE ESTÁ DESARROLLANDO. LAS DEFINICIONES XML PARA LOS
LAYOUTS SE GUARDAN DENTRO DEL SUBDIRECTORIO LAYOUT.

• PARA CREAR UN LAYOUT :

NEW EN LA CARPETA LAYOUT – NEW – LAYOUT RESOURCE FILE
 VIEWGROUPS O CONTENEDORES

• CONTRAINTLAYOUT
• FRAMELAYOUT
• LINEARLAYOUT
• RELATIVELAYOUT
FRAMELAYOUT
 FRAMELAYOUT

• UN FRAMELAYOUT ES UN VIEW GROUP CREADO PARA MOSTRAR UN SOLO

ELEMENTO EN PANTALLA. SIN EMBARGO PUEDES AÑADIR VARIOS HIJOS CON
EL FIN DE SUPERPONERLOS, DONDE EL ULTIMO HIJO AGREGADO, ES EL QUE
SE MUESTRA EN LA PARTE SUPERIOR Y EL RESTO SE PONE POR DEBAJO EN
FORMA DE PILA.

• PARA ALINEAR CADA ELEMENTO DENTRO DEL FRAMELAYOUT USA EL

PARÁMETRO ANDROID:LAYOUT_GRAVITY

• PODEMOS COMBINAR MAS DE UNA POSICIÓN:

ANDROID:LAYOUT_GRAVITY="RIGHT|BOTTOM"
 PRACTIQUEMOS

• Maquetar la siguiente pantalla

utilizando: FRAMELAYOUT
LINEARLAYOUT
 LINEARLAYOUT

• UN LINEARLAYOUT ES UN VIEW GROUP QUE DISTRIBUYE SUS HIJOS EN UNA SOLA DIMENSIÓN
ESTABLECIDA. ES DECIR, O TODOS ORGANIZADOS EN UNA SOLA COLUMNA (VERTICAL) O EN
UNA SOLA FILA (HORIZONTAL). LA ORIENTACIÓN PUEDES ELEGIRLA A TRAVÉS DEL ATRIBUTO
ANDROID:ORIENTATION
 LINEARLAYOUT

• ADICIONALMENTE EXISTE UN PARÁMETRO

LLAMADO ANDROID:LAYOUT_WEIGHT, EL
CUAL DEFINE LA IMPORTANCIA QUE TIENE UN
VIEW DENTRO DEL LINEAR LAYOUT. A MAYOR
IMPORTANCIA, MÁS ESPACIO PODRÁ OCUPAR.
JERARQUIA DE VIEWGROUPS Y
VIEWS
 PRACTIQUEMOS

• Maquetar la siguiente pantalla

utilizando: LINEARLAYOUT
CONSTRAINTLAYOUT
 CONSTRAINTLAYOUT

• CONSTRAITLAYOUT NOS PERMITIRÁ SIMPLIFICAR LAS INTERFACES EN ANIDAMIENTO, PARA

HACERLAS LO MÁS COMPLEJAS POSIBLES A NIVEL DE DISEÑO. ESTE LAYOUT, SIMILAR AL
RELATIVELAYOUT NOS PERMITIRÁ ESTABLECER RELACIONES ENTRE TODOS LOS ELEMENTOS Y LA
PROPIA VISTA PADRE, PERMITIENDO ASÍ SER MUCHO MÁS FLEXIBLE QUE LOS DEMÁS.
• CON UN ESTILO MUY VISUAL, PODREMOS DESDE ANDROID STUDIO GESTIONAR TODAS LAS
RELACIONES QUE ESTABLEZCAMOS, DE UN MODO MUY SENCILLO, AL MÁS PURO ESTILO DRAG-
AND-DROP
 PRACTIQUEMOS

• Maquetar la siguiente pantalla utilizando: CONSTRAINTLAYOUT

GIT y GITLAB
CUAL ES EL PROBLEMA QUE
RESOLVEMOS
 WORKING DIRECTORY

• EN ESTE ESTADO ES DONDE TRABAJAMOS Y EDITAMOS NUESTROS PROYECTOS LOCALES

 STAGING AREA

• AQUÍ ES DONDE ESCOGEMOS QUE ARCHIVOS ESTAN LISTOS PARA PASAR AL ULTIMO ESTADO, AL IGUAL QUE PODEMOS DETERMINAR QUE ARCHIVOS NO
ESTAN LISTOS E INCLUSIVE RETROCEDERLOS A UN ESTADO ANTERIOR
 REPOSITORY

• ESTE ES EL ULTIMO ESTADO ANTES DE MANDAR LOS CAMBIOS A LA NUBE. AQUÍ ESTA EL REGISTRO DE NUESTRO PROYECTO
EN RESUMEN
 EN RESUMEN

jledesma2509@gmail.co
m
otrousuario@gmail.com

clonar
LABORATORIO 03
 ! A PROGRAMAR !

• Maquetar la siguiente pantalla

identificado cual/es son los
componentes padres a usar y sus
respectivos componentes hijos.
*Considerar que la foto que se
muestra pueden cambiarlo.