Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android

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


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:



Elegimos el tipo de elemento a agregar:

Definimos el identificador y descripción para cada uno de las opciones del menú:



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:



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:



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.

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:



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.


Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android

Technology

Transcript of Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android