martes, 24 de diciembre de 2013

Agregar los controles ToolStrip y StatusStrip al formulario - Visual Basic .NET

Ejemplo 28

Esta demostración tiene por objetivo enseñar a agregar barras al formulario, tanto ToolStrip como StatusStrip, para hacer mas accesible la aplicación al usuario. 

El ejemplo está basado en el Ejemplo 27 que trabaja con dos formularios, uno padre y el otro hijo. Al formulario padre se le ha agregado un ToolStrip con botónes gráficos cuyas imágenes se adjuntan en los archivos de descarga. También se ha agregado un StatusStrip con dos ToolStatusStripLabel, el primero muestra el número de ventanas hijas abiertas y el segundo muestra la hora y al pasar el mouse presenta la fecha completa. Para lo cual debemos realizar los siguientes pasos: 

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



2. En la ventana del explorador de soluciones dar clic derecho sobre Form1 y del menú contextual elegir "Eliminar" para eliminar el formulario. 


3. Del menú "Proyecto", seleccionar "Agregar elemento existente".



4. En el diálogo, ubicarse sobre la carpeta Ejemplo27 y abrir los archivos frmPadre.vb y frmHijo.vb uno a uno.



Si se genera algún error al momento de agregar el formulario, observa que el nombre del formulario sea frmPadre y no Form1, como se muestra a continuación:



5. Seleccionar el formulario frmPadre y añadir un Timer, un ToolStrip y un StatusStrip, luego configurar sus propiedades, tal como se muestra en el siguiente cuadro: 


Objeto Propiedad Valor
Timerl Name tmrHora
Enabled True
Interval 1000
ToolStrip1Name tbrPrincipal
StatusStrip1Name sbrPrincipal


6. Seleccione el control ToolSrip y cIic al botón de abrir diálogo de la propiedad Items, luego añadir 9 ToolStripButton y configurar sus propiedades, tal como se muestra en el siguiente cuadro. Las imágenes  utilizadas en los botones del ToolStrip están adjuntas en los archivos del ejemplo que puedes descargarlo: 

Objeto Propiedad Valor
ToolStripButton1Name tbbNuevo
ImageNuevo.png
ToolTipText Nuevo Hijo
Tag Nuevo
ToolStripButton2Name tbbMensaje
ImageMensaje.png
ToolTipText Ver Mensaje Hijo
Tag Mensaje
ToolStripSeparator1Name tbbSeparador 1
Tag Separator1
ToolStripButton3Name tbbCascada
ImageCascada.png
ToolTipText Cascada
Tag Cascada
ToolStripButton4Name tbbMHorizontal
ImageHorizontal.png
ToolTipText Mosaico Horizontal
Tag MHorizontal
ToolStripButton5Name tbbMVertical
ImageVertical.png
ToolTipText Mosaico Vertical
Tag MVertical
ToolStripButton6Name tbbOIconos
ImageOrganizarIconos.png
ToolTipText Organizar Iconos
Tag Olconos
ToolStripSeparator2Name tbbSeparador2
Tag Separator2
ToolStripButton7Name tbbSalir
ImageSalir.png
ToolTipText Salir
Tag Salir


7. Seleccione el control StatusStrip y clic al botón de abrir diálogo de la propiedad Items, luego añadir 2 ToolStripStatusLabel y configurar sus propiedades, tal como se muestra en el siguiente cuadro: 


Objeto Propiedad Valor
ToolStripStatusLabel1Name sbpNumHijos
DisplayStyleText
AutoSizeFalse
TextAlignMiddleLeft
Size150,17
ToolStripStatusLabel2Name sbpFechaHora
DisplayStyleText
AutoSizeFalse
TextAlignMiddleCenter
Width 150,17

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


9. Añadir el procedimiento de evento IniciarPanel, que permita ver la información de estado en los ToolStripStatusLabel al ocurrir el evento "Load" del formulario, tal como se muestra en el siguiente código: 


10. Añadir el procedimiento de evento VerHoraNroHijos, que permita ver la hora y mostrar el número de ventanas hijas abiertas al ocurrir el evento "Tick" del Timer, tal como se muestra en el siguiente código: 


11. Añadir el procedimiento de evento EjecutarAccionBoton, que permita llamar a los códigos programados en los menús, al ocurrir el evento "ItemClicked" del ToolStrip, tal como se muestra en el siguiente código: 


Nota: Para llamar a un procedimiento de evento asociado al evento clic de un menú (también de un botón) se usa el método PerformClick.
12. Configurar frmPadre como el formulario de inicio. Por defecto lo está.
13. Grabar y ejecutar la aplicación pulsando F5. 


14. Clic a los botones del ToolStrip para probar su funcionamiento y observar el estado en el StatusStrip. 


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

Ejemplo28 - Descargar

Hasta la próxima oportunidad!


3 comentarios:

  1. Hola Error al descargar el archivo!!!

    ResponderEliminar
    Respuestas
    1. Hola Anónimo, gracias por la visita y el aporte de tu comentario!
      Acabo de verificar y el ejemplo lo descargué correctamente!

      Los mejores deseos! Hasta cualquier momento!

      Eliminar