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 | |
| MenuStrip1 | Name | mnuPrincipal |
| OpenFileDialog1 | Name | ofdEditor |
| SaveFileDialog1 | Name | sfdEditor |
| ColorDialog1 | Name | cdgEditor |
| FontDialog1 | Name | fdgEditor |
| Timer1 | Name | 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 |
|---|---|---|
| Menultem1 | Name | mnuArchivo |
| Text | &Archivo | |
| Menultem11 | Name | 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 | |
| mnuPrincipal | MdiWindowListItem | mnuListar |
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 | |
| ToolStripSeparator1 | Name | 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 | |
| ToolStripSeparator2 | Name | 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 |
| TextAlign | MiddleLeft | |
| Image | Libro.png | |
| AutoSize | False | |
| Text | ||
| Size | 200;17 | |
| ToolStripStatusLabel2 | Name | sbpMayuscula |
| TextAlign | MiddleCenter | |
| AutoSize | False | |
| Text | CAPS | |
| Size | 200;17 | |
| ToolStripStatusLabel3 | Name | sbpFechaHora |
| Text | ||
| TextAlign | MiddleCenter | |
| AutoSize | False | |
| Size | 80;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 |
|---|---|---|
| Form1 | Name | frmDocumento |
| Size | Width=300, Height=300 | |
| Text | ||
| RichTextBox1 | Name | rtbDocumento |
| Dock | Fill |
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:
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