1. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Tutorial de Desarrollo de Aplicaciones Móviles con Android
Tema: Creación de Menús
En esta oportunidad el tutorial está orientado a la creación de menús en aplicaciones Android.
Caso práctico: Un docente de una determinada Universidad Desea tener un registro completo de
todas las diferentes calificaciones que un alumno a obtenido en la asignatura que el enseña, en
este caso tomaremos el caso de que la Asignatura es el Curso de Matemáticas I.
Opciones que debe de contemplar el menú de la aplicación:
Las opciones que debe de contemplar el Sistema de Notas son:
1- Registro de Calificaciones.
2- Búsqueda de Calificaciones.
3- Edición de Calificaciones.
Creando el Menú principal del Sistema:
1- Creamos un nuevo proyecto al que llamaremos Sistema de Notas:
2- Definimos la estructura del menú principal para eso debemos de crear un recurso de tipo
menú el cual incluimos en una carpeta menú que está incluida en la carpeta res del proyecto:
3- Creamos un archivo xml dentro de la carpeta menú que acabamos de crear al que
llamaremos menuprincipal.xml:
Autor: Ing. Luis Ernesto Castillo Alfaro
2. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Una vez creado el achivo xml:
4- Definimos las opciones del menú principal
Para agregar las opciones del menú hacemos clic sobre el archivo menuprincipal.xml, luego
Agregamos cada uno de sus elementos:
Autor: Ing. Luis Ernesto Castillo Alfaro
3. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Elegimos el tipo de elemento a agregar:
Definimos el identificador y descripción para cada uno de las opciones del menú:
Autor: Ing. Luis Ernesto Castillo Alfaro
4. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Configuración de ids y titles para las opciones del menú principal:
a- Para la opción de registro de notas:
- Id: registranotas
- Title: Registrar Notas
b- Para la opción de búsqueda de notas:
- Id: buscanotas
- Title: Buscar Notas
c- Para la opción de edición de notas:
- Id: editanotas
- Title: Editar Notas
El resultado obtenido es el siguiente:
Autor: Ing. Luis Ernesto Castillo Alfaro
5. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Si deseamos agregar algún otra opción al menú principal lo podemos agregar desde el archivo
menuprincipal.xml
5- Relacionamos la actividad principal con el respectivo layout que contendrá el menú principal:
6- Hacemos una llamada al menú principal el activity SistemaNotas y para esto tenemos que
implementar el evento onCreateOptionsMenu:
Para esto hacemos clic derecho sobre un área libre luego del evento oncreate del activity
Sistema Notas, hacemos clic sobre la opción source y luego sobre la opción
Override/Implement Methods:
Autor: Ing. Luis Ernesto Castillo Alfaro
6. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Elegimos el evento onCreateOptionsMenu:
Una vez implementado el método onCreateOptionsMenu escribimos las siguientes líneas de
código:
Como podemos apreciar hemos declarado una variable mnotas de tipo MenuInflater que es
en realidad una clase que nos permite cargar un menú que previamente lo hemos definido
en un archivo xml que a la vez es un recurso que es parte del proyecto principal, con la clase
MenúInflater creamos las opciones definidas en el menú principal.
Autor: Ing. Luis Ernesto Castillo Alfaro
7. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
7- Ejecutamos el proyecto y vemos que las opciones del menú principal son cargadas:
Como podemos apreciar el menú ha sido cargado en la pantalla principal, claro que a lo
mejor se preguntan ¿cómo puedo agregar un ícono a cada opción del menú?
Para esto debemos de agregar otro atributo a cada una de las opciones del menú principal
en el archivo menuprincipal.xml, dicho atributo es android:icon
Debemos de mencionar que las imágenes que deseemos agregar como parte de nuestro
proyecto deben de estar en la carpeta drawable:
Autor: Ing. Luis Ernesto Castillo Alfaro
8. Desarrollo de Aplicaciones Móviles con Android- Creación de Menús
Finalmente ejecutamos el proyecto nuevamente y obtenemos el siguiente resultado:
En el siguiente tutorial veremos la forma de cómo llamar a una determinada actividad según la
elección de una determinada opción de un menú en una aplicación android lo cual es muy sencillo
de hacer.
Autor: Ing. Luis Ernesto Castillo Alfaro