Menús

Menú: Definición.

Los menús son importantes herramientas de trabajo en la mayoría de los programas basados en Windows, nos permiten mediante un botón, acceder, ejecutar acciones o abrir otras ventanas en un programa.

He aquí una imagen de la barra de menús de Word.

5600

Es obvio que la vista será diferente según el Windows y Microsoft Office que usted tenga instalado en su computadora.

Los menús generalmente están ubicados en la barra de menús de manera horizontal y tienen algunas características comunes:

Menú: Características.

  • Comienzan con una letra mayúscula y generalmente el nombre es corto.
  • Archivo y Editar, son  a menudo, los dos primeros menús y el último es la Ayuda.
  • Tienen Shortcuts, que permiten abrir el menú mediante combinación de teclas.
  • Tiene submenús  que dan otras posibilidades dentro del mismo menú.

A continuación observe una imagen de los submenús que tiene el menú Archivo en Word.

5601

Menú Strip

MenuStrip es el control del cuadro  de herramientas que permite el diseño de menús en nuestros programas.

Está en la categoría de Menús y barras de herramientas del Cuadro de herramientas, como se observa en la siguiente imagen.

5602

Cuando se agrega un MenuStrip al formulario, este se ubica en la bandeja de componentes en la parte inferior del IDE.

5603

Pero también se abre una casilla en el formulario, que tiene el siguiente aspecto y que nos permitirá diseñar el menú de acuerdo a las necesidades.

5604

Ejercicio:

Abra Visual Basic y cree un nuevo proyecto y asígnele el nombre Mi Menú y al formulario agréguele un control MenuStrip; Al hacerlo, tendrá aproximadamente la siguiente apariencia, en donde se observa el control en la bandeja de componentes y una casilla en el formulario para diseñar el menú.

5605

Observe  que hay una pestañita en la esquina superior derecha del formulario…

5606

Que al darle clic mostrará una ventana con varias opciones…

5607

De clic en Insertar elementos estándar y se insertará un menú en el formulario con los botones comunes en un menú y que usted puede modificar agregando o eliminando elementos.

5608

Al dar clic en Archivo y Editar verá que hay submenús dentro de ellos.

           5609

          5610

Ahora le dejo la tarea que revise los submenús que contienen los menús  Herramientas y Ayuda.

Diseñando menús:

Vamos a hacer un ejercicio en donde diseñaremos un menú siguiendo todos los pasos y a medida que avancemos iremos explicando lo que vamos haciendo.

Cree un nuevo Proyecto y asígnele el nombre Menú Diseño.

En el formulario, agregue desde la barra de herramientas un control MenuStrip, y un control Label.

A continuación puede ver, una captura de pantalla que incluye el formulario y la bandeja de componentes para que vea también el control MenuStrip en la bandeja de componentes en la parte inferior del IDE y abajo del formulario.

5611

En la casilla que se despliega en la parte superior del formulario escriba Calendario y luego dé clic y se agregarán una casilla al lado y otra abajo…

5612

En la casilla inferior escriba Fecha y observe que se agregan más casillas para seguir adicionando menús.

5613

Continúe agregando hasta que quede así:

5614

Si da clic derecho en el submenú fecha podrá acceder a un menú contextual, que le permitirá eliminar, cortar, copiar, ver el código y sus propiedades, etc.

5615

Clic en propiedades…

5616

24.5 ShortcutKeys para menús

Para acceder y   ejecutar un menú, usando teclas claves o ShorcutKeys hágalo en la  propiedad ShorcutKeys.

5617

Dé clic en la pestañita…Aparece la siguiente ventana en donde debe ponerle check a una de las opciones que se muestran y que constituirá la primera parte del ShortcutKey o acceso por teclado y luego de clic en la pestañita…

5618

Aparece una columna de números, letras y palabras…

5619

Selecciones una de todas. Por ejemplo como el submenú al cual le queremos poner ShortcutKey es a Fecha entonces la combinación de teclas podría ser Ctrl+F

Seleccione F  y ahora observe que la combinación se agregó al submenú Fecha. Lo que significa que se puede ejecutar el submenú fecha con las teclas Ctrl+F

5620
5621

Ejecutando un submenú con una letra.

Si en la propiedad Text de la ventana de propiedad de un menú o submenú colocamos el signo ampersand (&) antes de la palabra, entonces se subrayará la primera letra del submenú o menú; lo que permite que, con solo presionar en el teclado esa letra, se ejecutará el submenú o menú, según sea el caso.

En la propiedad Text del submenú fecha escriba al comienzo “&”, claro, sin las comillas para que le quede así.

5622

Ahora deje la ventana propiedades y revise el menú y observe que F aparece subrayado y al estar así, permite que al tener abierta la aplicación y  presiona la letra F se ejecutará la acción que está programada en ese submenú.

Otra alternativa es colocar la letra &  cuando está escribiendo el nombre que llevará el menú o submenú, tiene el mismo efecto que si lo hace desde la ventana de propiedades.

Siga el mismo procedimiento para el submenú Salir   y asígnele el ShortcutKey Ctrl+S

5623

Ahora agregue dos controles Labels y póngales su propiedad Autosize en True para que el tamaño se adapte al contenido.

En la propiedad Text del Label1 escriba Fecha y en la del Label2 escriba Hora.

También modifique el formulario para que sea más largo que alto, como se ve  en la siguiente imagen.

5624

Programando Submenús:

Un menú o submenú sin código tiene poca utilidad por lo que hay que programarlo escribiendo el código correspondiente.

Dé clic en Fecha y coloque la oración Label1.text =DateString

Luego dé clic en Hora y escriba el código Label2.Text=TimeString

El editor de código quedará así:

5625

Por último, abra el editor de código para el submenú Salir y coloque la palabra End

5626

El editor de código queda finalmente como la siguiente imagen:

5627
5628

Ejecute el programa y vea el resultado…

5629
5630

Al dar clic en Fecha aparece la fecha y al dar clic en Hora se despliega la hora. 

5631

Cierre el formulario y vuelva a ejecutarlo y ahora presione la tecla F y mostrará  la fecha ahora presione la tecla S para salir del formulario.

Agregue más menús y submenús al formulario, utilizando los mismos métodos que se explicaron para el menú Calendario.

Antes de dejar el tema de Submenús, debe saber que la barra de menús puede colocarse arriba, abajo, al centro, a la izquierda, o a la derecha del formulario; Utilizando la propiedad Dock del MenuStrit. (Recuerde que está en la bandeja de componentes y para ver sus propiedades debe dar  clic en el control).  En la ventana propiedades busque Dock, que al seleccionarlo abre una ventana con botones que permiten elegir la posición del menú. En este caso elegimos Top.

5632

Si elegimos abajo, el menú se ubicará en la parte inferior del formulario.

5634

Menús Contextuales:

Son menús o submenús, a los cuales se accede al hacer clic derecho en el mouse.

Para hacer un menú contextual se usa la herramienta ContextMenuStrip del cuadro de herramientas.

5635

Cuando usted agrega el control, éste se ubica en la bandeja de componentes ubicada en la parte inferior del IDE y no se ve nada en el formulario,  hasta que usted dá clic en el control.

En la imagen siguiente observe el control en la bandeja de componentes y el aspecto que tiene en el formulario una vez que da clic.

5636
5637

Ejercicio:

  • Cree un nuevo proyecto con el nombre Menú Contextual y en el formulario agregue un ContextMenuStrip y un PictureBox
  • En los campos que se muestran, escriba en el primer Ítem, la palabra Ver y en el segundo Ocultar.
  • Dé clic en una parte libre del formulario, es decir, donde no haya  algún control y cámbiele su propiedad ContextMenuStrip a TextBoxMenu.
5639
  • Agregue un  Ítem Ver y otro Ocultar
5640
  • Agregue primero un control PictureBox al formulario e insértele una imagen de su preferencia y que tenga en su computadora. (ya se explicó cómo hacerlo y si no recuerda vuelva a leer las secciones correspondientes en este libro).
5641
  • Escriba el código  PictureBox1.Show en el editor de código del Menú Ver
  • Escriba el código PictureBox1.Hide en el editor de código de Menú  Ocultar

El código quedará así:

5642
  • Presione F5 para ejecutar el programa.
5643

Dé clic derecho en cualquier parte del formulario y verá el menú contextual en donde puede ocultar y hacer visible la imagen.

5644

Dé clic en Ver y el resultado es que la imagen permanece o se hace visible.

5645

 Alterne dando clic en el menú contextual Ver y Ocultar y la imagen aparecerá y desaparecerá del formulario.

5646
5647
5648

Guarde el proyecto y cierre el programa o continúe haciendo prácticas e innovaciones para practicar lo aprendido.

¿Te gustó? Pues comparte ;-)
Conoce al autor
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame