martes, 15 de octubre de 2013

Creando un Menú Contextual


Un Menú Contextual es un menú que aparece flotante al dar clic derecho sobre un objeto, es decir, un menú ajustado al contexto. Para crear un menú contextual se utiliza el control ContextMenuStrip.

En general, realice los siguientes pasos para crear un menú contextual:

1. Arrastre un control ContextMenuStrip del ToolBox (Cuadro de herramientas) hacia el formulario.
2. En la parte inferior, en el diseñador de componentes, seleccione el menú y configure su propiedad Name.
3. En la parte superior del formulario, seleccione donde dice"Context MenuStrip" y debajo donde dice "Escriba aquí", escriba directamente el texto del menú.
4. Proceda a escribir todos los textos de los elementos del menú contextual.
5. Si desea crear una línea de separación entre dos opciones escriba como Texto el signo menos (-). Si desea crear un ShortCutKeys para la opción, escriba antes o dentro del texto el caractér ampersand (&).
6. Seleccione cada opción creada (MenuItem) y configure sus propiedades en la ventana de propiedades. Generalmente, las propiedades necesarias de configurar son el Name y el ShortCutKeys.
7. Seleccione el objeto u objetos (formulario y/o controles) donde se quiere mostrar el menú contextual y configure su propiedad ContextMenuStrip asignando el nombre del menú contextual creado.

Nota:
Un mismo menú contextual puede ser asignado a varios objetos.

8. Programe en los eventos del menú: Select, Click, Drawltem, MeasureItem.

Sugerencia: 
Para validar opciones use el evento select, para ejecutar una acción al elegir el menú use Cllck, para crear menús con Imágenes use Drawltem y Measureltem.



Ejemplo 25

Esta publicación tiene por objetivo enseñar a crear un menú contextual y asociar a un control del formulario. También enseña como manejar procesos o tareas del sistema mediante la clase Process del .Net Framework.

El ejemplo trabaja con un formulario que tiene una lista y un menú, la lista se llena en tiempo de ejecución con los procesos abiertos y a través del menú contextual que está asociado a la lista podemos realizar operaciones como actualizar las tareas abiertas, ejecutar una tarea y cerrar la tarea seleccionada. Para lo cual debemos realizar los siguientes pasos:

1. Crear una aplicacioón Windows en Visual Basic .NET llamada Ejemplo25. EL IDE a utilizar es Microsoft Visual Studio 2012.




2. En la ventana del explorador de soluciones seleccionar el archivo Form1 y en la ventana de propiedades cambiar la propiedad FileName a frmTarea.


3. En el diseñador de formularios Windows, arrastrar 1 control ContextMenuStrip y 1 ListBox, luego configurar las propiedades, tal como se muestra en el siguiente cuadro:



ObjetoPropiedadValor
Form1NamefrmTarea
FormBorderStyleFixedSingle
MaximizeBoxFalse
MinimizeBoxFalse
SizeWidth=300, Height=290
StartPositionCenterScreen
TextClic derecho para manejar tareas
ContextMenuStripNamemnuTarea
ListBox1NamelstTarea
ContextMenuStripmnuTarea
DockFill


4. En la parte inferior, en el diseñador de componentes, seleccione el menú.

5. En la parte superior del formulario, seleccione donde dice "ContextMenuStrip" y debajo donde dice "Escriba aquí", escriba los textos de los menús, luego configure las propiedades de los elementos como se muestra en el cuadro:


ObjetoPropiedadValor
MenuItem1NamemnuActualizar
ShortcutKeysCtrl + A
Text&Actualizar
MenuItem2NamemnuEjecutar
ShortcutKeysCtrl + E
Text&Ejecutar
MenuItem3NamemnuCerrar
ShortcutKeysCtrl + C
Text&Cerrar


6. En la ventana explorador de soluciones dar clic en el botón "Ver Código".


7. Crear el procedimiento general llamado ListarTareas, debajo de la declaración "Public Class frmTarea"


8. Crear el procedimiento de evento llamado MostrarTareas, que permita listar las tareas abiertas en el evento "Load" del formulario y en el evento "Click"  del menú "Actualizar" tal como se muestra en el siguiente código:


9. Crear el procedimiento de evento llamado EjecutarTarea, que permita abrir una nueva tarea en el evento "Click" del menú "Ejecutar", tal como se muestra en el siguiente código:


10. Crear el procedimiento de evento llamado CerrarTarea, que permita cerrar la tarea seleccionada de la lista, para lo cual programar en el evento "Click" del menú "Cerrar", tal como se muestra en el siguiente código:


11. Configurar frmTarea como el formulario de inicio. Por defecto lo está.

12. Grabar y ejecutar la aplicación pulsando F5.


13. Clic derecho sobre la lista y aparecerá el menú contextual, similar al que se muestra en la siguiente figura:


14. Elegir la opción "Ejecutar" y se mostrará un cuadro de entrada de datos conteniendo como nombre la calculadora (por defecto), clic en "Aceptar".

Observación:
Vea como se abre un nuevo proceso y se muestra en la lista.

15. Seleccione de la lista el nuevo proceso abierto y clic derecho, del menú contextual elegir "Cerrar"

Observación:
Vea como se cierra el proceso y se elimina de la lista.




Espero haber ayudado en algo. Adjunto el ejemplo en el siguiente enlace:

Ejemplo25 - Descargar

Hasta la próxima oportunidad!

2 comentarios:

  1. Creo que deberian manejar un try-catch para evitar tronar el programa... :) que buen tutorial...

    ResponderEliminar
    Respuestas
    1. Hola Sard88, gracias por la visita y tu comentario...
      Comparto tu observación, es obligatorio el uso de un try-catch si se desea implementar el ejemplo como parte de la funcionalidad de algún programa, sin embargo como el objetivo de la publicación era implementar un menú contextual... no le puse atención al manejo de errores...

      Gracias por la observación...

      Éxitos!!.. Hasta cualquier momento...

      Eliminar