lunes, 22 de febrero de 2016

012.- Uso de Barras de Menu (JMenuBar) - Java y NetBeans


A continuación explico cómo usar las Barras de Menus (JMenuBar):


La barra de menús nos permitirá acceder a las opciones más importantes del programa. Todo programa de gran envergadura suele tener una barra de menús. Como ejemplo presento la barra de menús del IDE NetBeans:



Seguidamente muestro el uso de las Barras de Menus a través de un ejemplo en NetBeans:


  1. Crea un nuevo proyecto.

  1. Dentro de Source Package crea un Java Package y llamalo paqueteInicial.

  1. Dentro de paqueteInicial crea un JFrame Form y nombralo VentanaInicial.

  1. Dentro de VentanaInicial añade una Barra de Menus (JMenuBar) y nómbrala barraMenus.



  1. En la parte superior de tu ventana aparecerá esto:



  1. En el inspector (parte inferior izquierda) observarás como aparece un objeto JMenuBar, y, dentro de él, dos objetos del tipo JMenu. Los objetos JMenu representan las opciones principales contenidas dentro de la barra de menús.



  1. Cambia los nombres a los objetos JMenu. Asígnale los nombres mnuArchivo y mnuEditar. El Inspector tendrá el siguiente aspecto:



  1. Las opciones de la barra de menús muestran los textos “File” y “Edit”. Estos se pueden cambiar seleccionándolas y cambiando su propiedad text. Asígnale los textos “Archivo” y “Editar” a las opciones del menú:

       



  1. Ahora el aspecto de la barra de menús será el siguiente:



  1. Puedes añadir más opciones principales a la barra de menús haciendo clic derecho sobre el objeto de la barra de menús y activando la opción “Añadir JMenu”.



  1. Agrega una opción más a la barra de menús. El inspector debe tener ahora el siguiente aspecto:



  1. Y la barra de menús presentará este otro aspecto:



  1. Cambia el nombre de la nueva opción. Su nombre será: mnuInsertar.



  1. Cambia el texto de la nueva opción a “Insertar”.



  1. Ya tenemos creada la barra de menús (JMenuBar) con sus opciones principales (JMenu). Ahora se tendrán que definir las opciones contenidas en cada opción principal. Por ejemplo, crearemos las opciones contenidas en el menú Archivo.

  1. Haz clic derecho sobre el objeto mnuArchivo y activa la opción “Añadir Desde Paleta” – “Menu Item”.



Los JMenuItem son objetos que representan las opciones contenidas en los menús desplegables de la barra de menús.
  1. Añade un JMenuItem más al mnuArchivo y luego cambia el nombre a ambos. Sus nombres serán mnuItemAbrir y mnuItemGuardar. El aspecto del Inspector será el siguiente:



  1. Usa ahora la propiedad text de ambos JMenuItem para asignarles un texto. El primero tendrá el texto “Abrir” y el segundo el texto “Guardar”.

  1. Ya podemos ejecutar el programa para ver lo que se ha conseguido. Use el menú:



Observa como la opción Archivo se despliega mostrando dos opciones: Abrir y Guardar.


  1. Seguiremos añadiendo elementos al menú. Ahora haga clic derecho sobre el elemento mnuArchivo y añada un JSeparator.



Los JSeparator son objetos que definen una separación entre las opciones de un menú. Cámbiele el nombre y llámelo “separador1”:

  1. Añada un nuevo JMenuItem al menú Archivo y ponle el nombre mnuSalir. El texto de esta opción será “Salir” (use su propiedad text) El aspecto del Inspector será el siguiente:



  1. Ejecuta el proyecto y observa las opciones del menú Archivo:



         Observa el efecto que produce el separador.


  1. Un JMenu representa las opciones principales de la barra de menús. A su vez, un JMenu contiene JMenuItem, que son las opciones contenidas en cada opción principal, y que se ven cuando se despliega el menú.

Sin embargo, un JMenu puede contener a otros JMenu, que a su vez contendrán varios JMenuItem. Usando el botón derecho del ratón y la opción “Añadir Desde Paleta”, añade un JMenu dentro de mnuEditar:



  1. Nombra al nuevo JMenu mnuColores y asignale el texto “Colores”.



  1. Ahora añade dentro del mnuColores tres JMenuItem llamados respectivamente: mnuItemRojo, mnuItemVerde, mnuItemAzul. Sus textos serán “Rojo”, “Verde” y “Azul”.



  1. Ejecuta el programa y observa como ha quedado el menú Editar:



La opción Editar (JMenu) contiene una opción Colores (JMenu) que a su vez contiene tres opciones Rojo, Verde y Azul (JMenuItems)


  1. De nada sirve crear un menú si luego este no reacciona a las pulsaciones del ratón. Cada objeto del menú tiene un evento actionPerformed que permite programar lo que debe suceder cuando se active dicha opción del menú.

  1. En el inspector haz clic derecho en el objeto mnuItemRojo y acceda a su evento ActionPerformed.



  1. Dentro de él programe esta línea de código:

this.getContentPane().setBackground(Color.red);


         Este código cambia el color de fondo de la ventana a rojo.

  1. Compruebe el funcionamiento de la opción “Rojo” del menú ejecutando el proyecto.

  1. Programa tú mismo las opciones “Verde” y “Azul”.




CONCLUSIÓN

Las barras de menús son un conjunto de objetos de distinto tipo que se contienen unos a otros.

La barra en sí está representada por un objeto del tipo JMenuBar.

La barra contiene opciones principales, representadas por objetos JMenu.

Las opciones principales contienen opciones que aparecen al desplegarse el menú. Estas opciones son objetos del tipo JMenuItem.

Un JMenu también puede contener otros JMenu, que a su vez contendrán JMenuItems.

También puede añadir separadores (JSeparator) que permiten visualizar mejor las opciones dentro de un menú.



1 comentario: