Listas en Android Studio

Post on 13-Apr-2017

207 views 0 download

Transcript of 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

DESARROLLO DE APLICACIONES MOVILES

HS

4. Selección de Actividad

5. Asignar nombre a la actividad y clic en Finish

DESARROLLO DE APLICACIONES MOVILES

HS

6. Estructura proyecto Androide en eclipse

7. Área de trabajo

LISTVIEW CON SUBITEMS

Diseño de GUI

DESARROLLO DE APLICACIONES MOVILES

HS

Código fuente

Paquete Modelo

Clase Alumno

Clase AlumnoArrayAdapter

DESARROLLO DE APLICACIONES MOVILES

HS

Clase MainActivity

DESARROLLO DE APLICACIONES MOVILES

HS

Archivos de imágenes en la siguiente carpeta

DESARROLLO DE APLICACIONES MOVILES

HS

Ejecución de la Aplicación

LISTVIEW CON IMÁGENES

Diseño de GUI

DESARROLLO DE APLICACIONES MOVILES

HS

Diseño de GUI

Archivo activity_main.xml

DESARROLLO DE APLICACIONES MOVILES

HS

Archivo list_row.xml

Código fuente

DESARROLLO DE APLICACIONES MOVILES

HS

Clase ListViewAdapter

DESARROLLO DE APLICACIONES MOVILES

HS

Clase MainActivity

DESARROLLO DE APLICACIONES MOVILES

HS

Ejecución

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

DESARROLLO DE APLICACIONES MOVILES

HS

3. Diseño Layout 2

3.1. Archivo list_row.xml

DESARROLLO DE APLICACIONES MOVILES

HS

4. Creamos el Modelo de la Aplicación

4.1. Clase Alumno

DESARROLLO DE APLICACIONES MOVILES

HS

5. Creamos el Adaptador de Datos

5.1. Clase AlumnoArrayAdapter

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

DESARROLLO DE APLICACIONES MOVILES

HS

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

DESARROLLO DE APLICACIONES MOVILES

HS

3. Diseño de Action Bar

4. Funcionalidad de la opción Limpiar

4.1. MainActivity

DESARROLLO DE APLICACIONES MOVILES

HS

5. Ejecución de la Aplicación

Seleccionamos la opción limpiar

DESARROLLO DE APLICACIONES MOVILES

HS

ACTION BAR CON OPCIONES

1. Modificamos el Archivo

1.1. Configuramos las opciones e iconos correspondientes

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)

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

DESARROLLO DE APLICACIONES MOVILES

HS

4. Ejercicio Propuesto

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