PRACTICA 005: Android
Studio con Menú lateral de Navigation
Drawer
Ing. Honoria Reyes Macedo
IDE: Android Studio
Lenguaje de programación para móviles: Java
Sistema Operativo de desarrollo: Windows
Sistema Operativo de Ejecución: Android
INTRODUCCION
Programar en Android involucra utilizar componentes como:
Activity(Interfaz de la aplicación),
Fragments(Interfaz accesada mediante menú lateral de Navigation Drawer)
Intents(Invocar actividades y servicios, paso de mensajes para
realizar acciones),
Services(Ejecutados en segundo plano, operaciones de larga duración o
procesos remotos),
Content Providers(Gestionar datos para compartir ),
Broadcast receivers(Para responder a anuncios broadcast de
sistema),
Notifications(eventos de o para el usuario).
Un Menú lateral con Navigation Drawer es un menú lateral
deslizante, generalmente desde la izquierda, definido por Material Design.
En esta práctica se utilizará el wizard para crear el proyecto con un Menú
lateral de Navigation Drawer
Puntos a contemplar:
I) Crear un Activity es crear una Interfaz (un archivo .xml)
-
¿QUE PASA AL CREAR UN Activity activity_main.xml?:
a) Se crea la interfaz en la carpeta del proyecto res/layout/
b) Se genera automáticamente un archivo MainActivity.class en la carpeta java/
(Esta clase hereda de la clase Activity)
c) Se
genera automáticamente un archivo content_main.xml en la carpeta res/layout/
d) Se genera
automáticamente su archivo menu_main.xml en la carpeta res/menu/
II) Confirmar el uso de las clases nuevas en el archivo AndroidManifest.xml
a) Duplicar el bloque de <Activity>
b) Cambiar el nombre de la clase por la nueva clase generada
c) En category en lugar de LAUNCHER (indica clase principal), poner
Default
Notas:
*Algunos IDE van agregando la confirmación en forma
automática en AndroidManifest.xml,
* No siempre los archivos .class tendrán su archivo .xml
* El Paquete
Instalador al final del desarrollo, contendrá:
la compilación generada + datos + recursos: los
guarda en un APK
III) Para probar el
resultado del proyecto tenemos 2 opciones:
1)
Se utiliza la opción AVD (Android Virtual Device), para emular el
proyecto.
En la práctica se explica
esta opción
2)
Usar un celular con
sistema operativo Android en lugar de un emulador
a) En el celular seleccionar en
Ajustes:
"Acerca de" + "Información
del Software" + "Número de compilación"
-- Al dar doble o triple clic
en "Número de compilación" aparece “Ya eres un
Desarrollador”
Nota: Es de acuerdo al celular: en el menú "Acerca
de" aparece "Numero de compilación", o "versión de
software" entre otros y directamente se dan los dos clicks
b) Activar:
en Sistema + Opciones avanzadas
"Ajustes" + "Opciones del desarrollador" +
"Depuración de USB" (Seleccionar o activar)
- Listo, ya
se puede ejecutar la aplicación desde el celular conectado a la pc.
ACTIVIDADES
Recomendado:
Crear una carpeta “PracticasDCU_2020_02” en C o en D para guardar el proyecto
1. Crear un
proyecto cuyo nombre empiece con la palabra control y continúe con
un tema elegido y termine con tus iniciales
Ejemplo: C:\PracticasDCU_2020_02\ControlLibros_HRM
1.1
Empezar: Abrir Android Studio
como administrador
1.2 Crear el proyecto
Si es la primera vez que se
abre aparece la siguiente pantalla. Seleccionar Iniciar un nuevo proyecto
- - Si no es la primera vez ir al menú
File
- - - Escoger el Template “Navigation Drawer Activity”
- Indicar en que carpeta
se guardara el proyecto
QUEDARIA ASI:
2.- Configurar un emulador: AVD (Android Virtual Device)
Nota: En
este punto seleccionaremos un emulador para trabajar. Tu debes seleccionar 2 más
para hacer pruebas.
2.1 Entrar a AVD Manager (Android
Virtual Device), crear e ir seleccionando Next
Indicar la resolucion
En la siguiente pantalla seleccionar un Graphics Automatico
-
Ya tienes un emulador listo. Escoger
otros 2 para hacer pruebas posteriores.
2.2 Ejecutar el emulador desde Actions
Nota: Puedes avanzar al siguiente
punto en lo que se va cargando el emulador
-
Cuando ya este cargado, activar el
botón de encendido en la parte superior derecha
3.- Compilar el proyecto
3.1
Reconstruir
- Se
recomienda, cuando se hacen cambios limpiar el proyecto con “Clean Project”
- Reconstruir
el proyecto “Rebuild Project”
3.2 Revisar resultados
de la reconstrucción
- En la parte inferior
de Android Studio revisar si fue satisfactoria
4. Ejecutar el proyecto (cuando ya esté listo el emulador)
5.- EXPLICACION: En
esta parte el profesor explicara la imagen siguiente
6.- Cambiar el estilo de acuerdo al tema elegido
6.1.- Cambiar los colores en colors.xml
Ejemplo: Recuerda que tus colores serán de acuerdo a tu
tema
Nota: Deberás cambiar el numero
hexadecimal
6.2 Aplicar los colores en
styles.xml
Reconstruir y volver a ejecutar (verificar que este detenida la ejecución
anterior)
Nota: Ver puntos 3 para reconstruir y punto 4 para
ejecutar
7.- Cambiar logo e icono del proyecto
Se
recomienda una imagen no mayor de 15KB y que se llame logo.png
7.1
Cambiar el color del encabezado del menú
de acuerdo a los colores elegidos y sus leyendas
7.2 Cambiar las
leyendas en el archivo strings.xml
Nota: Escribir de acuerdo al tema y poner tu
correo electrónico
Reconstruir y volver a ejecutar (verificar que este detenida la ejecución
anterior)
Nota: Ver puntos 3 para reconstruir y punto 4 para
ejecutar
7.3 Cambiar el logo de la aplicación
Observar que por default es ic_launcher_round
que esta
guardada en la carpeta mipmap
-
Copiar tu imagen del logo
directamente en el proyecto en la carpeta “mipmap”. Preguntara si se quiere un
formato predeterminado
- Indicar en el archivo nav_header_main.xml, el logo a utilizar
Reconstruir y volver a ejecutar (verificar que este detenida la ejecución
anterior)
Nota: Ver puntos 3 para reconstruir y punto 4 para
ejecutar
7.4 Cambiar el icono de la aplicación en el archivo AndroidManifest.xml
Reconstruir y volver a ejecutar (verificar que este detenida la ejecución
anterior)
Nota: Ver puntos 3 para reconstruir y punto 4 para
ejecutar
7.5 Cambiar de color los iconos del menu en el archivo activity_main.xml
Nota: Recuerda que los colores son
los que se guardaron en colors.xml
Nota: Si se quiere anular durante algún proceso
8.- Cambiar los iconos del menu desde el archivo activity_main_drawer.xml
- Copiar tres imágenes png con tamaño no mayor de 15kb
en la carpeta drawable
- Indicar el
nombre de cada icono en el archivo activity_main_drawer.xml
9.- Reconstruir y volver a ejecutar (verificar que este detenida la
ejecución anterior)
Nota: Ver puntos 3 para reconstruir y punto 4 para
ejecutar
*****************************************************
Nota: Si
tienes problemas en cualquiera de los ANEXOS verificar primero el ANEXO 4 y
volver a intentar
ANEXO I:
CONFIGURAR LA ACELERACION DE HARDWARE PARA ANDROID EMULADOR
(Usando Intel HAXM en Windows)
Nota: Si tienes probñ
DESCARGAR DESDE EL MENU DE ANDROID STUDIO:
Configurar la aceleración en un AVD creado
Editar el AVD
Escoger un Graphics automatic
Listo ya puedes utilizar el emulador
*************************
ANEXO II:
UBICACIÓN DE LA DESCARGA DEL ACELERADOR (Mi usuario es honor)
C:\Users\honor\AppData\Local\Android\Sdk\extras\intel\Hardware_Accelerated_Execution_Manager
Al ejecutarlo quedo registrado en los programas del Sistema
Operativo
********************
ANEXO III: DESCARGAR HIPERVISOR PARA AMD
https://github.com/google/android-emulator-hypervisor-driver-for-amd-processors
********************
ANEXO IV: VERIFICAR
EL BIOS REINICIANDO LA COMPUTADORA
Verificar con Ctrl + Alt
+ Suprimir en Rendimiento para
ver si ya está habilitada la Virtualización
********************
ANEXO V: GENERAR APK
En la parte inferior desde “Event Log” en “Locate” podrás accesar a
la ubicación del APK creado
********************
ANEXO VI: INSTALAR UN EMULADOR INDEPENDIENTE DE ANDROID STUDIO
Instalar Bluestacks
Bajar desde https://www.bluestacks.com/es/index.html
Ya descargado instalar
Listo… Ya
puedes correr tu aplicación
- Arrastrar el APK generado en el home de Bluestacks
Al seleccionar el icono desde Bluestacks
------------------------------------------0-----0--------------------------------------
--------------------------------------000------000-----------------------------------
