sábado, 5 de abril de 2014

Ejemplo usando cuadros de diálogos comunes



Ejemplo 30 

La última demostración de éste capítulo enseña cómo mejorar la interface de una aplicación Windows, trabajando con formularios MDI, menús, barras de herramientas, barras de estado y usando diálogos comunes de Windows. 
El ejemplo trata sobre un editor de documentos similar al Wordpad, pero con funciones básicas. 
Este ejemplo trabaja con dos formularios; el primero es un formulario MDI padre que tiene un menú principal, barra de herramientas y barra de estado; el segundo formulario es la base para crear formularios MDI hijos que representan un documento donde pueda escribir textos enriquecidos. 
Esta demostración es la más completa hasta el momento de la primera parte de esta serie de tutoriales y tendrá que tener paciencia para terminarla. 
A continuación describimos los pasos a realizar para la demostración: 

1. Crear una Aplicación Windows en Visual Basic .NET llamada Ejemplo30. 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 frmEditor.



3. En el diseñador de formularios Windows, arrastrar 1 control MenuStrip, 1 ToolStrip, 1 StatusStrip, 1 OpenFileDialog, 1 SaveFileDialog, 1 ColorDialog, 1 FontDialog, y 1 Timer, luego configurar las propiedades, tal como se muestra en la siguiente tabla : 


Objeto Propiedad Valor
Form1 Name frmEditor
IsMdiContainer True
MinimizeBox False
Size Width=450, Height=310
Text Editor de Documentos v 1.0
WindowState Maximized
MenuStrip1Name mnuPrincipal
OpenFileDialog1Name ofdEditor
SaveFileDialog1 Name sfdEditor
ColorDialog1Name cdgEditor
FontDialog1 Name fdgEditor
Timer1Name tmrHora



4. Seleccione el control MenuStrip y en la parte superior donde dice "Escriba aquí", escriba directamente los textos del menú y configure sus propiedades, tal como se muestra en la siguiente tabla :


Objeto Propiedad Valor
Menultem1Name mnuArchivo
Text &Archivo
Menultem11Name mnuNuevo
ShortCutKeys Ctrl + N
Text &Nuevo
Menultem12 Name mnuAbrir
ShortCutKeys Ctrl + A
Text &Abrir
Menultem13 Name mnuGuardar
ShortCutKeys Ctrl + G
Text &Guardar
Menultem14 Name mnuLineal
Text -
Menultem15 Name mnuSalir
ShortCutKeys Ctrl + S
Text &Salir
Menultem2 Name mnuEdicion
Text &Edición
Menultem21 Name mnuCopiar
ShortCutKeys Ctrl + C
Text &Copiar
Menultem22 Name mnuCortar
ShortCutKeys Ctrl + X
Text Co&rtar
MenuItem23 Name mnuPegar
ShortCutKeys Ctrl + V
Text &Pegar
Menultem3 Name mnuForrnato
Text &Formato
MenuItem31 Name mnuFuente
Text Fuente
MenuItem32 Name mnuFondo
Text Color de Fondo
Menultem4 Name mnuUtilitarios
Text &Utilitarios
Menultem41 Name mnuWindows
Text Windows
MenuItem411 Name mnuCalculadora
Text Calculadora
MenuItem412 Name mnuBloc
Text Bloc de Notas
MenuItem413 Name mnuExplorador
Text Explorador
Menultem42 Name mnuOffice
Text Office
Menultem421 Name mnuWord
Text Word
MenuItem422 Name mnuExcel
Text Excel
MenuItem423 Name mnuInternet
Text Internet Explorer
MenuItern5 Name mnuVentana
Text &Ventana
MenuItem51 Name mnuCascada
MergeIndex 0
Text Cascada
Menultem52 Name mnuMHorizontal
MergeIndex 1
Text Mosaico Horizontal
MenuItem53 Name mnuMVertical
MergeIndex 2
Text Mosaico Vertical
MenuItem54 Name mnuOlconos
MergeIndex 3
Text Organizar Iconos
Menultem6 Name mnuListar
Text Listar Ventanas
mnuPrincipalMdiWindowListItemmnuListar



5. Seleccione el control ToolStrip y cambie la propiedad name a tbrEditor, luego clic al botón abrir diálogo de la propiedad Items y añadir 9 botones. Finalmente configurar sus propiedades tal como se muestra en la siguiente tabla:


Objeto Propiedad Valor
ToolStripButton1 Name tbbNuevo
Image Nuevo.png
ToolTipText Nuevo
Tag Nuevo
ToolStripButton2 Name tbbAbrir
Image Abrir.png
ToolTipText Abrir
Tag Abrir
ToolStripButton3 Name tbbGuardar
Image Guardar.png
ToolTipText Guardar
Tag Guardar
ToolStripSeparator1Name tbbSeparador1
Tag Separator1
ToolStripButton5 Name tbbCopiar
Image Copiar.png
ToolTipText Copiar
Tag Copiar
ToolStripButton6 Name tbbCortar
Image Cortar.png
ToolTipText Cortar
Tag Cortar
ToolStripButton7 Name tbbPegar
Image Pegar.png
ToolTipText Pegar
Tag Pegar
ToolStripSeparator2Name tbbSeparador2
Tag Separator2
ToolStripButton9 Name tbbSalir
Image Salir.png
ToolTipText Salir
Tag Salir


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


Objeto Propiedad Valor
ToolStripStatusLabel1 Name sbpNombre
TextAlignMiddleLeft
ImageLibro.png
AutoSizeFalse
Text
Size200;17
ToolStripStatusLabel2Name sbpMayuscula
TextAlignMiddleCenter
AutoSizeFalse
Text CAPS
Size200;17
ToolStripStatusLabel3Name sbpFechaHora
Text
TextAlignMiddleCenter
AutoSizeFalse
Size80;17


7. Añadir un segundo formulario; del menú "PROYECTO" elegir "Agregar Windows Forms...", escribir como nombre frrnDocurnento y clic en "Agregar". 


8. Seleccionar el formulario frmDocurnento, arrastrar 1 control ContextMenuStrip y 1 RichTextBox, luego configurar sus propiedades, tal como se muestra en la siguiente tabla: 


Objeto Propiedad Valor
Form1Name frmDocumento
Size Width=300, Height=300
Text
RichTextBox1Name rtbDocumento
Dock Fill


9. Regresar al formulario frmEditor y en la ventana explorador de soluciones dar clic en el botón "Ver Código".


10. Definir una variable entera a nivel del formulario llamada intNumDoc, debajo de la sección "Public Class FrmEditor":


11. Crear un procedimiento de evento IniciarConfiguracion, que maneje el evento "Load" del formulario, tal como se muestra en el siguiente código:


12. Crear un procedimiento de evento NuevoDocumento, que maneje el evento "Click" del menú "mnuNuevo", tal como se muestra en el siguiente código:


13. Crear un procedimiento de evento AbrirDocumento, que maneje el evento "Click" del menú "mnuAbrir", tal como se muestra en el siguiente código:


Nota: Para usar la clase Path debe incluirse el Namespace System.IO, para eso antes de la definición de la clase, incluir la siguiente instrucción: 

14. Crear un procedimiento de evento GuardarDocumento, que maneje el evento "Click" del menú "mnuGuardar", tal como se muestra en el siguiente código:


15. Para finalizar la aplicación, crear un procedimiento de evento Salir, que maneje el evento "Click" del menú "mnuSalir", tal como se muestra en el siguiente código:


16. Crear un procedimiento de evento CopiarTexto, que maneje el evento "Click" del menú "mnuCopiar", tal como se muestra en el siguiente código:


17. Crear un procedimiento de evento CortarTexto, que maneje el evento "Click" del menú "mnuCortar", tal como se muestra en el siguiente código:


18. Crear un procedimiento de evento PegarTexto, que maneje el evento "Click" del menú "mnul'egar", tal como se muestra en el siguiente código:


19. Crear un procedimiento de evento CambiarFuente, que maneje el evento "Click" del menú "mnuFuente", tal como se muestra en el siguiente código:


20. Crear un procedimiento de evento CambiarColorFondo, que maneje el evento "Click" del menú "mnuFondo", tal como se muestra en el siguiente código:


21. Crear varios procedimientos de eventos, que manejen los eventos "Click" de todas las opciones del menú "Utilitarios", tal como se muestra en el siguiente código:


22. Crear un procedimiento de evento PresentarVentanas, que maneje el evento "Click" de todas las opciones del menú "Ventana", tal como se muestra en el siguiente código:


23. Crear un procedimiento de evento MostrarNombre, que maneje el evento "MdiChildActivate" del formulario, tal como se muestra en el siguiente código:


24. Crear un procedimiento de evento VerHora, que maneje el evento "Tick" del timer "tmrHora", tal como se muestra en el siguiente código:


25. Crear un procedimiento de evento EjecutarComando, que maneje el evento "ItemClicked" del ToolStrip "tbrEditor", tal como se muestra en el siguiente código:


26. Configurar frmEditor como el formulario de inicio. Por defecto lo está.

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


Sugerencia: Antes de ejecutar la aplicación, podría abrir el WordPad de Windows y crear un par de archivos de texto enriquecido y abrirlos desde la aplicación.

28. Finalmente, proceda a probar todas las opciones del programa, tanto a través del menú como desde la barra de herramientas y observe la información en la barra de estado.


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

Ejemplo30 - Descargar

Hasta la próxima oportunidad!




No hay comentarios:

Publicar un comentario en la entrada