INSTITUTO POLITÉCNICO NACIONAL
SECRETARÍA ACADEMICA
DIRECCIÓN DE EDUACIÓN MEDIA
SUPERIOR CECyT No. 8 “NARCISO
BASSOLS”
U.A. PROGRAMACION DE APLICACIONES MÓVILES
Actividad Práctica 10 - Menú Academia de Programación
Título: Implementación de Menús con BD
Objetivo:
Crear una aplicación usando una plantilla para el uso de menús.
Menú
Los menús son un componente común de la interfaz de usuario en muchos tipos de aplicaciones.
Para proporcionar una experiencia de usuario conocida y uniforme, debes usar las Menu API para
presentar al usuario acciones y otras opciones en las actividades.
A partir de Android 3.0 (nivel de API 11), los dispositivos con Android ya no tienen que proporcionar
un botón Menú dedicado. Con este cambio, las apps de Android dejarán de depender de los
paneles de menú tradicionales de 6 elementos; en su lugar, proporcionarán una barra de app para
mostrar las acciones más comunes del usuario.
Aunque el diseño de la experiencia de usuario para algunos elementos del menú cambió al
implementar una plantilla predefinida, la semántica para definir un conjunto de acciones y
opciones sigue basándose en las API de Menu.
La finalidad de esta práctica es experimentar el uso de una plantilla para el manejo de un menú
lateral.
NOTA:
Antes de continuar vamos a agregar una línea al archivo siguiente archivo.
Elaboró: Eduardo Vázquez Peralta
= Agregamos el
siguiente código
Una vez que se agrega el código al archivo build.gradle damos clic en la opción Sync Now, que se
encuentra en la esquina superior derecha de la pantalla.
Elaboró: Eduardo Vázquez Peralta
RECUERDA COLOCAR UNA IMAGEN PARA
GENERAR EL ICONO, ASI COMO UN BOTON
ACERCA DE Y PROGRESSBAR PARA CADA
APLICACIÓN.
Crea una nueva aplicación
En tipo de Activity vamos a elegir una plantilla, la siguiente:
Cambiamos el nombre del Activity a MenuTusIniciales y seleccionamos el botón Finalizar.
Elaboró: Eduardo Vázquez Peralta
VERSION PIE
Elaboró: Eduardo Vázquez Peralta
Se obtiene el siguiente entorno:
Si ejecutamos la aplicación veremos lo siguiente:
Elaboró: Eduardo Vázquez Peralta
Como puedes observar se trata de una plantilla para crear un menú lateral dentro de la
aplicación.
NOTA
Es importante que solo modifiques lo que se te indicará, ya que al
tratarse de una plantilla cualquier otra modificación que se realice
podría afectar el funcionamiento de la aplicación.
Ahora vamos al área donde encontramos los archivos que conforman nuestra aplicación. Tenemos la
carpeta layout y la carpeta menú, dentro de estas dos carpetas se encuentran los Activitys necesarios para
generar el menú lateral.
Elaboró: Eduardo Vázquez Peralta
Verifica que contiene cada uno de los activitys dando doble clic sobre
ellos.
Descarga las imágenes necesarias para desarrollar la aplicación y cópialas y pégalas en la carpeta
drawable.
Cliente
Venta
Agregar
Buscar
Eliminar
Modificar
Listar
Elaboró: Eduardo Vázquez Peralta
El primer archivo que vamos a modificar es el nav_header_menu.xml. En este archivo vamos a cambiar
la imagen
Elaboró: Eduardo Vázquez Peralta
Elegimos la imagen ventas
También modificamos los TextView
Ventas en línea
EvazquezP (coloquen sus iniciales)
Elaboró: Eduardo Vázquez Peralta
Ahora vamos a modificar el archivo activity_main_drawer.xml
Vamos a modificar el menú cambiando los nombres de cada uno de los ítem, los títulos y las imágenes a
utilizar.
Elaboró: Eduardo Vázquez Peralta
En el documento content_main.xml, cambiamos el nombre de Constrain Layout en el id escribimos Contenedor.
Elaboró: Eduardo Vázquez Peralta
Ahora modificaremos el archivo MainActivity
Vamos a modificar el código, agregando otros elementos
Elaboró: Eduardo Vázquez Peralta
Agregamos para poder manejar
los eventos.
Declaramos la variable y la
hacemos global
Elaboró: Eduardo Vázquez Peralta
Te marcara un error,
ya que todavía no se
crean los fragments
Elaboró: Eduardo Vázquez Peralta
Y en el MainActivity.kt deben estar todos los import que se muestran en la imagen.
Ejecutamos la aplicación.
Elaboró: Eduardo Vázquez Peralta
Ahora vamos a agregar dos fragments en blanco a nuestra aplicación, los cuales tendrán el nombre de:
Clientes
Ventas
Elaboró: Eduardo Vázquez Peralta
Elaboró: Eduardo Vázquez Peralta
Observa que al igual que cuando creamos un Activity también se crea su respectico archivo xml
Abrimos el archivo fragment_clientes.xml
Elaboró: Eduardo Vázquez Peralta
El layout deberá tener el siguiente aspecto:
Abrimos el archivo fragment_ventas.xml
El layout deberá tener el siguiente aspecto:
Elaboró: Eduardo Vázquez Peralta
Ejecutamos la aplicación.
Elaboró: Eduardo Vázquez Peralta
Programa la Acción del Menú Acerca De…, y agrega un progressbar.
Hasta aquí sería el ejemplo de la implementación de menús, respalda esta práctica para su implementación
en la práctica de base de datos, donde realizaremos las opciones de select, insert, update y delete en
una base de datos local.
Continuara. . . . . .
Elaboró: Eduardo Vázquez Peralta
