Listas en Android Studio

25
DESARROLLO DE APLICACIONES MOVILES HS GUIA LABORATORIO 08: CREACIÓN PROYECTO EN ANDROID STUDIO 1. Crear nuevo proyecto 2. Ingresamos el nombre de la aplicación 3. Seleccionar el tipo de aplicación 1 2 2 1 3 1

Transcript of Listas en Android Studio

Page 1: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

GUIA LABORATORIO 08: CREACIÓN PROYECTO EN ANDROID STUDIO

1. Crear nuevo proyecto

2. Ingresamos el nombre de la aplicación

3. Seleccionar el tipo de aplicación

1 2

2

1

3

1

Page 2: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

4. Selección de Actividad

5. Asignar nombre a la actividad y clic en Finish

Page 3: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

6. Estructura proyecto Androide en eclipse

7. Área de trabajo

LISTVIEW CON SUBITEMS

Diseño de GUI

Page 4: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Código fuente

Paquete Modelo

Clase Alumno

Clase AlumnoArrayAdapter

Page 5: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Clase MainActivity

Page 6: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Archivos de imágenes en la siguiente carpeta

Page 7: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Ejecución de la Aplicación

LISTVIEW CON IMÁGENES

Diseño de GUI

Page 8: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Diseño de GUI

Archivo activity_main.xml

Page 9: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Archivo list_row.xml

Código fuente

Page 10: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Clase ListViewAdapter

Page 11: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Clase MainActivity

Page 12: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Ejecución

Page 13: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

LISTVIEW CON IMÁGENES Y LISTAS PERSONALIZADAS

1. Diseño de GUI de ListView

2. Archivos de configuración

2.1. Archivo activity_main.xml

Page 14: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

3. Diseño Layout 2

3.1. Archivo list_row.xml

Page 15: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

4. Creamos el Modelo de la Aplicación

4.1. Clase Alumno

Page 16: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

5. Creamos el Adaptador de Datos

5.1. Clase AlumnoArrayAdapter

Page 17: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

6. Programamos la Vista

6.1. Agregamos las imágenes a la carpeta drawable

6.2. Código fuente MainActivity

Page 18: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

Page 19: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

7. Ejecución de la Aplicación

AGREGANDO MENU EN ACTION BAR

1. Si abres el archivo menu_main.xml verás el diseño de nuestra Action Bar que ha sido creada

por defecto.

2. Archivo menu_main.xml

Page 20: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

3. Diseño de Action Bar

4. Funcionalidad de la opción Limpiar

4.1. MainActivity

Page 21: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

5. Ejecución de la Aplicación

Seleccionamos la opción limpiar

Page 22: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

ACTION BAR CON OPCIONES

1. Modificamos el Archivo

1.1. Configuramos las opciones e iconos correspondientes

Page 23: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

1.2. Diseño de GUI, Action Bar con Opciones

1.3. Modificamos el AndroidManifest.xml

1.4. Configuramos el archivo (Asignar un icono a la aplicación)

Page 24: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

2. La Vista

2.1. Asignamos icono al Action Bar, en tiempo de ejecución, en el MainActivity, dentro

del onCreate

3. Ejecución

Page 25: Listas en Android Studio

DESARROLLO DE APLICACIONES MOVILES

HS

4. Ejercicio Propuesto

Elaborar el siguiente diseño, y luego invocarlo desde el menú Nuevo.