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
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.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
-
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.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
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)
DESCARGAR DESDE EL MENU DE ANDROID STUDIO:
Configurar la aceleración en un AVD creado
Editar el AVD
Escoger un Graphics automatic
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
En la parte inferior desde “Event Log” en “Locate” podrás accesar a
la ubicación del APK creado
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
--------------------------------------000------000-----------------------------------
No comments:
Post a Comment