Unidad 2. Controles, eventos, métodos y componentes


Save this PDF as:
 WORD  PNG  TXT  JPG

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Unidad 2. Controles, eventos, métodos y componentes"

Transcripción

1 Unidad 2 Controles, eventos, métodos y componentes Usando Windows Forms Introducción Windows es una clase base del Marco.NET usada para crear aplicaciones que correrán sobre Windows, esta se encuentra disponible al elegir en Visual Basic la plantilla Windows Application. Al elegir una aplicación para Windows automáticamente se realizan los siguientes cambios: En el ToolBox aparecerá una ficha llamada Windows Forms conteniendo los controles para trabajar con Formularios Windows y Controles de Usuario. En el código del formulario aparecerá la referencia a la clase base heredada: Inherits System.Windows.Forms.Form Para ilustrar mejor la funcionalidad que podemos obtener de Windows tenemos la figura 4.1, que resume los principales objetos usados en Windows, para lo cual se parte de la clase base llamada System, luego se muestran algunos de los objetos de la clase Drawing y de la clase WinForms anteriormente comentadas. Figura 2.1: Modelo de Objetos para Windows Windows Forms Form TextBox Cipboard Screen Cabe comentar que dentro de la clase Windows encontramos definido el formulario y los controles para Windows (Label, Button, TextBox, Menu, etc), así como también algunos objetos no visuales de utilidad como Application (reemplaza al objeto App de VB6), Clipboard, Help, Screen, etc.

2 Objeto Formulario El objeto Formulario es el contenedor principal de toda aplicación para Windows y se encuentra en el siguiente NameSpace: System.Windows.Forms.Form En Visual Studio.NET el formulario ha sufrido muchos cambios, tanto en propiedades, métodos y eventos, tal como se muestra en los siguientes cuadros: es Autoscroll Backcolor BackgroundImage BorderStyle ControlBox Cursor Font Forecolor GridSize Icon IsMDIContainer Location Opacity Es una nueva propiedad que permite desplazarse por el formulario a través de una barra si es que los controles sobrepasan el área cliente. Especifica el color de fondo del formulario. Antes llamada Picture. Permite mostrar una imagen de fondo sobre el formulario, tiene 2 tamaños: cascada y centrado en pantalla. Controla la apariencia del borde del formulario y los controles que se presentan en la barra de título. Tiene 6 opciones. Si esta en True muestra el menú de controles de la barra de título, si esta en False no los muestra. Especifica el cursor que aparecerá al situar el mouse sobre el formulario. Antes era la propiedad MousePointer y si se quería un cursor personalizado se configuraba MouseIcon, ahora solo existe Cursor y sus gráficas son vistas en la lista. Configura la fuente de los textos de los controles ubicados en el formulario y de los textos mostrados con métodos de dibujo. Especifica el color del texto de los controles (excepto el TextBox) y de los textos mostrados con métodos de dibujo. Determina el tamaño de las rejillas que se muestran en tiempo de diseño para diseñar controles. Indica el icono del formulario, este se muestra en la barra de título de la ventana y en la barra de tareas de Windows. Determina si es que el formulario es un MDI, antes se creaba un formulario MDI añadiéndolo del menú Project y un formulario hijo configurando la propiedad MDIChild en True. Ahora solo se configura para ambos la propiedad IsMDIContainer. Indica la posición del formulario con respecto a la esquina superior izquierda de la pantalla. Antes había que configurar la propiedad Top y Left, ahora los valores de X e Y. Es una nueva propiedad, que indica la forma de visualización del formulario, que puede ser desde opaco (100%) hasta transparente (0%). Antes para

3 hacer transparente se usaba la API SetWindowRgn RightToLeft Size StartPosition Text TopMost WindowState Determina la alineación de los textos con respecto a sus controles, por defecto es No, es decir se alinean de izquierda a derecha; si es True se alinearán de derecha a izquierda. Configura el tamaño del formulario en píxeles. Indica la posición en que aparecerá por primera vez el formulario con respecto a la pantalla. Tiene 5 opciones. Antes se llamaba Caption y permite mostrar el texto de la barra de título en el formulario. Posiciona en primer plano la ventana, siempre y cuando no este desactivada. Antes se podía hacer esto con la API WindowsOnTop. Determina la forma en que se presentará la ventana, puede ser Normal, Minimizada o Maximizada. s Activate ActivateControl Close Focus Hide Refresh SetLocation SetSize Show ShowDialog Activa el formulario y le da el foco. Activa un control del formulario. Cierra un formulario descargándolo de la memoria. Pone el foco sobre el formulario. Oculta el formulario, sin descargarlo de la memoria. Repinta el formulario y sus controles. Ubica el formulario en una cierta posición de la pantalla. Configura el tamaño de la ventana en píxeles. Muestra un formulario como ventana no modal (modeles). Muestra un formulario como ventana modal (modal). Eventos Evento Activated Click Closed Ocurre al activarse el formulario. Se desencadena al dar clic con el mouse sobre el formulario. Se habilita al cerrar el formulario. Es similar al evento Unload de Visual Basic 6.

4 Closing Deactivated DoubleClick GotFocus Load LostFocus MouseEnter MouseLeave MouseMove Move Paint Resize Ocurre mientras se está cerrando el formulario. Es similar al evento QueryClose de Visual Basic 6. También se puede cancelar la salida. Ocurre al desactivarse el formulario. Se desencadena al dar doble clic con el mouse sobre el formulario. Ocurre al ingresar el foco sobre el formulario. Se produce al cargar los controles sobre el formulario Ocurre al salir el foco del formulario. Se habilita al ingresar el mouse sobre el área cliente del formulario. Se habilita al salir el mouse del área cliente del formulario. Se desencadena al pasar el mouse sobre el formulario. Este evento se habilita al mover la ventana o formulario. Ocurre al pintarse la ventana en pantalla. Ocurre cada vez que se modifica de tamaño el formulario.

5 Uso del ToolBox El ToolBox es la caja de herramientas donde se encuentran los controles que se van ha usar para diseñar la interface de los diferentes tipos de aplicaciones, este varía de acuerdo al tipo de plantilla elegida. A continuación se presenta el ToolBox cuando elegimos una plantilla Windows Application ; éste presenta varias fichas: Windows Forms, Data, Components y General. Figura 2.2: ToolBox para Aplicaciones Windows Para usar un control del ToolBox solo hay que elegir la ficha adecuada y luego seleccionar el control y arrastrarlo sobre el formulario o contenedor donde se desea ubicarlo, también se puede dar doble clic sobre el control y aparecerá por defecto en la posición 0,0 del formulario (antes se ubicaba al centro de éste).

6 Usando Controles para Windows Forms Controles Label, TextBox y Button Control Label es Anchor AutoSize Backcolor BorderStyle Cursor Dock Enabled Font Forecolor Location Locked RightToLeft Size Text TextAlign Visible Es una nueva propiedad que permite ajustar el ancho del control. Ajusta el texto de la etiqueta al tamaño del control. Especifica el color de fondo de la etiqueta. Controla la apariencia del borde de la etiqueta. Tiene 3 opciones. Especifica el cursor que aparece al situar el mouse sobre la etiqueta. Da la posibilidad de acoplar la etiqueta a un lado del contenedor, puede ser arriba, abajo, izquierda, derecha o al centro. Habilita o deshabilita la etiqueta. Configura la fuente del texto de la etiqueta. Especifica el color del texto de la etiqueta. Indica la posición de la etiqueta con respecto a su contenedor. Bloquea el control para que no se mueva o modifique de tamaño. Determina la alineación del texto con respecto al control. Configura el tamaño del control en píxeles. Visualiza el texto de la etiqueta. Alinea el texto hacia el control, sea: izquierda, derecha o centro. Visualiza o no el control. s FindForm Focus Hide Devuelve el formulario en el que se encuentra el control. Pone el foco sobre la etiqueta. Oculta la etiqueta, sin descargarla de la memoria.

7 Refresh SetLocation SetSize Show Repinta la etiqueta. Ubica la etiqueta en una cierta posición de la pantalla. Configura el tamaño de la etiqueta. Pone visible la etiqueta. Eventos Evento Click DoubleClick GotFocus LostFocus MouseEnter MouseLeave MouseMove Se desencadena al dar clic con el mouse sobre la etiqueta. Se desencadena al dar doble clic con el mouse sobre la etiqueta. Ocurre al ingresar el foco sobre el control. Ocurre al salir el foco del control. Se habilita al ingresar el mouse sobre la etiqueta. Se habilita al salir el mouse de la etiqueta. Se desencadena al pasar el mouse sobre la etiqueta. Control TextBox es Este control tiene propiedades similares al control Label, entre aquéllas propiedades exclusivas de este control tenemos: CharacterCasing Lines MaxLength MultiLine PasswordChar ReadOnly ScrollBars WordWrap Nueva propiedad que convierte a mayúsculas o minúsculas el texto. Muestra el contenido de cada línea del texto. Determina el número de caracteres que se pueden ingresar en éste. Si es True se pueden escribir varias líneas de texto. Señala el carácter que aparecerá como mascara de entrada. Indica que el control solo se puede ver pero no editar. Antes se llamaba Locked. Habilita las barras de desplazamiento si el control es multilínea. Cambia de línea al llegar al final de un texto multilínea.

8 s AppendText Clear Copy Cut Paste ResetText Select Undo Añade texto al final del texto actual. Borra el contenido del cuadro de texto. Copia el texto y lo envía al portapapeles. Corta el texto y lo envía al portapapeles. Pega el texto del portapapeles al cuadro. Inicializa el texto. Selecciona el texto. Deshace el último cambio en el texto. Eventos Evento KeyDown KeyPress KeyUp TextChanged Validated Validating Ocurre al pulsar hacia abajo una tecla extendida. Ocurre al pulsar una tecla normal. También se desencadena antes el evento KeyDown y después el evento KeyUp. Ocurre al soltar una tecla extendida previamente pulsada. Es un nuevo evento que reemplaza al evento change, es decir ocurre al cambiar el texto. Se habilita después de validarse el control. Se habilita cuando el control está validándose. Control Button es Este control también tiene propiedades similares al control Label, entre aquéllas propiedades exclusivas y nuevas de esta versión, tenemos: Name Generalmente usaremos el prefijo btn.

9 BackgroundImage DialogResult FlatStyle Image ImageAlign Especifica la imagen de fondo que usará el botón. Determina el valor del formulario padre si se da clic sobre el botón. Determina el estilo o apariencia del control. Tiene 3 valores. Imagen que se mostrará en el control. Alineación de la imagen dentro del control. Tiene 9 opciones. s NotifyDefault PerformClick Indica si el botón será el control por defecto. Es de tipo lógico. Ejecuta el evento clic del botón. Eventos Evento Click GotFocus LostFocus MouseEnter MouseLeave MouseMove Se desencadena al dar clic con el mouse sobre la etiqueta. Ocurre al ingresar el foco sobre el botón. Ocurre al salir el foco del botón. Se habilita al ingresar el mouse sobre el botón. Se habilita al salir el mouse del botón. Se desencadena al pasar el mouse sobre el botón. Controles GroupBox, RadioButton y CheckBox Control GroupBox Antes conocido como Frame, es un contenedor que se utiliza para agrupar varias opciones, que pueden ser: de opción única como los RadioButton o de opción múltiple como los CheckBox. Este control se utiliza como contenedor y por si solo no tiene mucha funcionalidad, es por eso, que solo veremos sus principales propiedades, métodos y eventos. es Name Enabled Generalmente usaremos el prefijo gbx. Determina si el control estará habilitado o deshabilitado.

10 Text Visible Indica el texto que se mostrará como encabezado del control. Muestra u oculta al control y todo su contenido. s Focus Hide Show Pone el foco sobre el control. Oculta el control, sin descargarlo de la memoria. Pone visible el cuadro de grupo. Eventos Evento GotFocus LostFocus Ocurre al ingresar el foco sobre el control. Ocurre al salir el foco del control. Control RadioButton Antes conocido como OptionButton, es un control en el que solo se puede seleccionar uno por contenedor. es Name Appearance AutoCheck CheckAlign Checked Generalmente usaremos el prefijo rbn. Controla la apariencia del control, puede ser: Normal (como botón de opción) o Button (como botón de comando). Cambia de estado cada vez que se da clic al botón. Controla la alineación del botón. Hay 9 posiciones. Indica si el botón ha sido seleccionado o no. s Focus Hide Show Pone el foco sobre el radiobutton. Oculta el radiobutton, sin descargarlo de la memoria. Pone visible el radiobutton.

11 Eventos Evento CheckedChanged Click DoubleClick Ocurre al cambiar la propiedad checked del radiobutton. Se desencadena al dar clic con el mouse sobre el botón. Se desencadena al dar doble clic con el mouse sobre el botón. Control CheckBox Este control mantiene el mismo nombre anterior, es un control en el que se pueden seleccionar varios por contenedor. es Name Appearance AutoCheck CheckAlign Checked CheckState ThreeState Generalmente usaremos el prefijo chk. Controla la apariencia del control, puede ser: Normal (como casilla) o Button (como botón de comando). Cambia de estado cada vez que se da clic al botón. Controla la alineación del checkbox. Hay 9 posiciones. Indica si el checkbox ha sido seleccionado o no. Devuelve el estado del checkbox, que puede ser: Unchecked (sin marcar), Checked (marcado) o Indeterminate (gris). Habilita o deshabilita el estado indeterminado del checkbox cada vez que se da el tercer clic. s Focus Hide Show Pone el foco sobre el checkbox. Oculta el checkbox, sin descargarlo de la memoria. Pone visible el checkbox.

12 Eventos Evento CheckedChanged CheckStateChanged Ocurre al cambiar el valor de la propiedad Checked del control. Ocurre al cambiar el valor de la propiedad CheckState del control. Controles ListBox, CheckedListBox y ComboBox Control ListBox es Name ColumnWidth HorizontalExtent HorizontalScrollbar IntegralHeight ItemHeight Items MultiColumn ScrollAlwaysVisible SelectionMode Sorted SelectedIndex SelectedItem Generalmente usaremos el prefijo lst. Indica el ancho de cada columna en una lista de varias columnas. Indica el ancho mínimo en píxeles que se requiere para que aparezca la barra horizontal. Muestra u oculta la barra de desplazamiento horizontal de la lista. Determina que las opciones de la lista se vean en forma completa. Devuelve el alto en píxeles de cada elemento de la lista. Es la principal propiedad y se refiere a los elementos de la lista. Indica si los elementos se pueden ver en varias columnas. Visualiza siempre las 2 barras de desplazamiento. Determina la forma de selección que puede ser: None (ninguno), One (uno), MultiSimple (varios con click) y MultiExtended (varios con shift + click o ctrl + click). Ordena la lista en forma ascendente. Devuelve o establece el índice del elemento seleccionado. Devuelve el ítem seleccionado de la lista.

13 s FindString FindStringExact GetSelected InsertItem Devuelve el índice de un elemento buscado en una lista. Si no existe devuelve -1 y si existe devuelve un número mayor que -1. Realiza una labor similar al método anterior pero compara con exactitud la cadena. Devuelve true si un elemento ha sido seleccionado o false si no. Inserta un elemento en una cierta posición de la lista. Eventos Evento DoubleClick SelectedIndexChanged Ocurre al dar dos veces clic sobre la lista. Ocurre al cambiar el índice del elemento seleccionado. Colección Items Para trabajar con los elementos de una lista se hace uso de la colección Items, la cual se detalla a continuación: es All Count Devuelve un objeto con todos los elementos de la lista. Devuelve el número de elementos de la lista. s Add Clear Insert Remove Añade un elemento al final de la lista. Borra todos los elementos de la lista. Inserta un elemento en la posición indicada por el índice. Elimina un elemento de la lista de acuerdo a su índice.

14 Control CheckedListBox Es un nuevo control que antes se obtenía configurando la propiedad style del control Listbox a checked. Como es similar al control ListBox solo mencionaremos las características distintas que tiene el control CheckedListBox. es Name CheckOnClick ThreeDCheckBox Generalmente usaremos el prefijo ckl. Establece si el control podrá ser fijado la primera vez al dar click. Indica si la apariencia de los items se mostrará en 3D o plano. s GetItemChecked GetItemCheckState SetItemChecked SetItemCheckState Devuelve true si un cierto item ha sido seleccionado o false si no. Devuelve el valor de la propiedad CheckState de un cierto item. Establece o quita la selección de un cierto elemento. Establece la propiedad CheckState de un cierto elemento. Eventos Evento ItemCheck SelectedIndexChanged Ocurre al seleccionar un elemento y poner el check en true. Ocurre al seleccionar otro elemento. Control ComboBox es Name Items MaxDropDownItems Generalmente usaremos el prefijo cbo. Es la principal propiedad y se refiere a los elementos del combo. Indica el máximo número de elementos que se mostrarán al desplegarse el combo.

15 MaxLenght Sorted Style SelectedIndex SelectedItem SelectedText Text Determina el máximo número de caracteres que se podrán escribir en el cuadro de texto del combo. Ordena los elementos del combo en forma ascendente. Especifica el tipo de combo que puede ser: Simple, DropDown (por defecto), y DropDownList. Devuelve o establece el índice del elemento seleccionado. Devuelve el ítem seleccionado de la lista. Devuelve el texto seleccionado de la lista. Se refiere al texto escrito en el cuadro del combo. s FindString FindStringExact Devuelve el índice de un elemento buscado en el combo. Si no existe devuelve -1 y si existe devuelve un número mayor que -1. Realiza una labor similar al método anterior pero compara con exactitud la cadena. Eventos Evento Click DoubleClick SelectedIndexChanged SelectionChangeCommited TextChanged Ocurre al dar clic con el mouse a un elemento de la lista. Se da al dar dos veces clic sobre un elemento de la lista. Ocurre al cambiar el índice del elemento seleccionado. Se da cuando se selecciona un elemento del combo. Ocurre al cambiar la propiedad Text del combo. Colección Items La colección Items del combo es similar a la del ListBox. es All Devuelve un objeto con todos los elementos del combo.

16 Count Devuelve el número de elementos del combo. s Add Clear Insert Remove Añade un elemento al final del combo. Borra todos los elementos del combo. Inserta un elemento en la posición indicada por el índice. Elimina un elemento del combo de acuerdo a su índice.

17 Interfaces Introducción Una interface es el medio de comunicación entre 2 entidades, en nuestro caso, la interface sirve de enlace entre el usuario y la aplicación. En la evolución de la computación se inicia con interfaces de texto o de consola, las cuales predominan desde los inicios de la computación hasta casi la mitad de la década del 80, luego aparecen las interfaces gráficas. Desde que trabajamos en ambiente Windows, las interfaces han ido evolucionando de acuerdo a la facilidad del usuario para acceder a los elementos de la aplicación, y entre las principales interfaces tenemos: SDI (Single Document Interface): Interface de Simple Documento, muestra una sola ventana con un cierto documento en la aplicación; el acceso a las ventanas es secuencial, por lo que no es tan recomendable. Algunas aplicaciones con SDI son los accesorios de Windows: Bloc de notas, Paint, Wordpad, etc. MDI (Multiple Document Interface): Interface de Múltiples Documentos, muestra varios documentos en sus respectivas ventanas, las cuales aparecen sobre una ventana principal; el acceso a las ventanas es directo porque generalmente en la ventana padre existe un menú. Algunas aplicaciones con MDI son los programas de Office: Word y Excel. TreeView - ListView (Vistas Árbol Lista): Muestra los elementos de la aplicación en un árbol (TreeView) y en el lado derecho muestra una lista con los detalles (ListView); puede mostrarse junto a un SDI como en el caso del Explorador de archivos de Windows o puede mostrarse junto a un SDI como en el caso del Enterprise Manager de SQL Server 6 o superior. Con la evolución de Internet también se distinguen diferentes tipos de interfaces en el browser, pero que no se tocan en este capítulo, si no que nos centraremos en la creación de interfaces para aplicaciones Windows. Creando Aplicaciones MDI Una aplicación MDI consta de 2 partes: un Formulario MDI Padre y uno o mas Formularios MDI Hijos, la creación de ambos es muy sencilla en VB.NET y se explica a continuación: Creando un Formulario MDI Padre Para crear un Formulario MDI padre solo hay que configurar la propiedad IsMDIContainer del formulario a True. A diferencia de la versión anterior de Visual Basic, esta versión permite colocar cualquier control WinForm dentro del formulario MDI, pero esto hará que los formularios hijos se muestren en segundo plano, ya que en primer plano se verán los controles del formulario MDI padre.

18 Creando un Formulario MDI Hijo Para crear un Formulario MDI hijo solo hay que configurar la Parent (disponible solo en tiempo de ejecución) del formulario hijo apuntando al formulario padre y luego usar el método Show para mostrarlo. El siguiente código muestra como mostrar un formulario hijo desde un menú: Protected Sub mnuarchivo_nuevo_click(byval sender As Object, ) Dim X As New frmhijo() X.MDIParent = frmpadre X.Show() End Sub Organizando Formularios MDI Hijos Si es que desea organizar los formularios MDI hijos se debe usar el método LayoutMDI del formulario MDI padre junto con una constante de tipo MDILayaout, que tiene 4 valores: ArrangeIcons, Cascade, TileHorizontal y TileVertical. A continuación se muestra como ordenar en Cascada los formularios MDI hijos de un formulario MDI Padre llamado frmpadre: frmpadre.layoutmdi(mdilayout.cascade) Controles TreeView y ListView Estos 2 controles casi siempre trabajan juntos, uno muestra los elementos de la aplicación y el otro su contenido o detalle. Antes estaban disponibles como controles ActiveX, ahora en VB NET están disponibles como controles del WinForm. Ambos controles generalmente usan imágenes para mostrar los elementos, por lo cual primero veremos el uso del control ImageList para almacenar imágenes de las vistas. Trabajando con el ImageList Para llenar una lista de imágenes realice los siguientes pasos: Doble clic al control ImageList del ToolBox y se mostrará en la parte inferior del diseñador de formularios. Configurar la propiedad Name usando el prefijo ils seguido del nombre y la propiedad ImageSize que define el tamaño de las imágenes: 16, 32, 48 etc. Seleccionar la propiedad Image que es una colección y pulsar sobre el botón, entonces aparecerá el diálogo Image Collection Editor en el cual se añadirán las imágenes con el botón Add y se eliminarán con Remove.

19 Figura 2.3: Editor de la Colección de Imágenes Trabajando con el TreeView El trabajo con el TreeView es mas sencillo con VB NET, para lo cual se realiza los siguientes pasos: Llenar un ImageList con las imágenes que se usaran en el TreeView. Dar doble clic al control TreeView y configurar la propiedad Name escribiendo el prefijo tvw seguido del nombre. Configurar la propiedad Anchor en TopBottomLeft para que al modificarse de tamaño el formulario se ajuste automáticamente el tamaño del TreeView. Configurar la propiedad ImageList eligiendo el nombre de la Lista de Imágenes. Seleccionar la propiedad Nodes que es una colección y pulsar sobre el botón dialogo TreeNode Editor., aparecerá el Para crear un nodo principal dar clic en el botón Add Root, luego seleccionar el nodo y escribir en Label el texto que irá en el nodo, finalmente en las listas Images y Selected Imag elegir las imágenes que se verán en el nodo. Para crear un nodo hijo dar clic en el botón Add Child y seguir el mismo paso anterior, es decir, seleccionar el nodo hijo, escribir el Label y llenar las listas.

20 Figura 2.4: Editor de la Colección de Nodos

21 Trabajando con el ListView El trabajo con el ListView es similar al del TreeView, realizándose los siguientes pasos: Llenar dos ImageList con las imágenes que se usaran en el ListView para la vista de Iconos grandes y otra para la vista de Iconos pequeños. Dar doble clic al control ListView y configurar la propiedad Name escribiendo el prefijo lvw seguido del nombre. Configurar la propiedad Anchor en All para que al modificarse de tamaño el formulario se ajuste automáticamente el tamaño del ListView. Configurar las propiedad LargeImageList y SmallImageList eligiendo el nombre de las Listas de Imágenes grande y pequeña respectivamente. Seleccionar la propiedad ListItems que es una colección y pulsar sobre el botón, aparecerá el dialogo ListItem Collection Editor, en el cual se añadirán items con el botón Add y se eliminarán con Remove. Para añadir un ListItem clic en Add y escribir en Text el texto del item, en Index indicar el índice de la imagen de las listas. Además de llenar la colección de ListItems también se debe llenar la colección de Columns para las cabeceras de las columnas en la vista detalle. Figura 2.5: Editor de la Colección de ListItem

22 Añadiendo Menús, Diálogos y Barras Una vez creada la interface de la aplicación, es necesario aumentar características que ayuden a facilitar el trabajo al usuario; tales como: menús que permitan organizar opciones, diálogos que faciliten la elección de archivos, colores, fuentes, etc. y barras de herramientas que permitan elegir opciones rápidamente. Menús Un menú muestra un conjunto de opciones distribuidas u organizadas de acuerdo a categorías que el usuario defina. En Windows, existen dos tipos de menús muy usados: 1. Menús Principales: Se acoplan en algún extremo del formulario, generalmente, en la parte superior de éste. 2. Menús Contextuales: También llamados Flotantes, generalmente, se muestran al dar clic derecho sobre algún objeto y su contenido varía de acuerdo al contexto. Control MainMenu Permite crear un menú principal, para lo cual se realizan los siguientes pasos: Dar doble clic sobre el control MainMenu del ToolBox y se mostrarán 2 objetos: uno en la parte superior del formulario que es donde se crearán las opciones del menú y otro en la parte inferior del diseñador de formularios que representa a todo el menú. Para crear una opción del menú solo hay que escribir directamente donde dice Type Here (propiedad Text), luego configuramos el nombre de la opción mediante la propiedad Name usando el prefijo mnu seguido del nombre. Si deseamos crear un acceso directo para alguna opción del menú configuramos la propiedad ShortCut eligiendo un valor de la lista. Para crear una opción que sea un separador simplemente en el Text escribir -. Después de crear todas las opciones del menú principal escribir código para cada opción, generalmente en el evento Click. Aunque si deseamos realizar una acción como mostrar un mensaje al pasar por la opción se puede usar el evento Select. Control ContextMenu Se usa para crear un menú contextual, para lo cual se realizan los siguientes pasos: Dar doble clic sobre el control ContextMenu del ToolBox y se mostrarán 2 objetos: uno en la parte superior del formulario que es donde se crearán las opciones del menú y otro en la parte inferior del diseñador de formularios que representa a todo el menú contextual.

23 La creación de las opciones del menú contextual es similar a la creación de un menú principal; aunque si se desea crear un menú contextual de un solo nivel, las opciones se deben crear en forma horizontal (pero se verán en forma vertical). Finalmente el menú contextual debe mostrarse al dar clic derecho sobre un cierto objeto (generalmente un control); antes se conseguía esto programando en el evento MouseDown del objeto; ahora solo configuramos la propiedad ContextMenu del objeto asignándole el objeto menú contextual. Diálogos Controles OpenFileDialog y SaveFileDialog Estos controles se usan para facilitar el trabajo con archivos, el primero se refiere al diálogo de Abrir Archivo y el segundo al diálogo Guardar Archivo, que en la versión anterior estaban disponibles como Controles ActiveX. Ambos tienen características similares que detallamos a continuación: es Name AddExtension CheckFileExits CheckPathExits CreatePrompt DefaultEx FileName Filter FilterIndex InitialDirectory Multiselect OverwritePrompt ReadOnlyChecked Para el OpenFileDialog generalmente usaremos el prefijo odg. Para el SaveFileDialog generalmente usaremos el prefijo sdg. Añade automáticamente la extensión al nombre del archivo. Chequea que exista el archivo antes de regresar del diálogo. Chequea que exista la ruta del archivo antes de regresar del diálogo. Solo para el diálogo de Guardar. Si la propiedad ValidateName es true pide confirmación al usuario cuando el archivo es creado. Indica la extensión por defecto del archivo. Indica el archivo escrito o seleccionado del diálogo. Especifica el tipo de archivo que se mostrará en el diálogo. Determina el índice del filtro del diálogo. Este empieza en 1 y depende de la lista de tipos de archivos configurada por Filter. Muestra un cierto directorio inicial para los archivos del diálogo. Solo para el diálogo de Abrir. Determina si se pueden seleccionar varios archivos a la hora de abrir. Solo para el diálogo de Guardar. Si la propiedad ValidateName es true pide confirmación al usuario cuando un archivo creado existe. Solo para el diálogo de Abrir. Determina el estado del checkbox ReadOnly en el diálogo de abrir.

24 RestoreDirectory ShowHelp ShowReadOnly Tile ValidateNames Controla si el diálogo restaura el directorio actual antes de cerrarse. Visualiza o no el botón de Ayuda en el diálogo. Solo para el diálogo de Abrir. Determina si se muestra o no el checkbox ReadOnly en el diálogo de abrir. Indica el título a mostrarse en la barra de título del diálogo. Controla que el nombre del archivo no tenga caracteres inválidos. s OpenFile ShowDialog Devuelve un Stream indicando el archivo abierto en el diálogo de abrir o grabado en el diálogo de guardar. Muestra el diálogo de archivo, sea de abrir o de guardar. Eventos Evento FileOk Ocurre al dar clic sobre el botón OK del diálogo de archivo. Control FontDialog Este control se usa para mostrar el diálogo de fuente y poder acceder a sus características como tipo de fuente, tamaños, estilos, efectos, etc. es Name AllowScriptChange Color Font FontMustExist MaxSize MinSize ScriptsOnly Generalmente usaremos el prefijo fdg. Controla si el conjunto de caracteres de fuente puede ser cambiado. Devuelve el color de fuente seleccionado en el diálogo. Determina la fuente seleccionada en el diálogo. Es un objeto. Indica si se mostrará un reporte de error al no existir una fuente. Máximo tamaño de la fuente en puntos. Mínimo tamaño de la fuente en puntos. Controla si excluirá los caracteres OEM y símbolos.

25 ShowApply ShowColor ShowEffects ShowHelp Determina si se verá el botón de Aplicar en el diálogo. Indica si se mostrará el color elegido del diálogo. Muestra el cuadro de efectos que trae: subrayado, tachado y color. Visualiza o no el botón de Ayuda en el diálogo. s ShowDialog Muestra el diálogo de fuente. Eventos Evento Apply Ocurre al dar clic sobre el botón de aplicar del diálogo de fuente. Control ColorDialog Este control se usa para mostrar el diálogo de colores y poder acceder a sus características como seleccionar un color sólido o personalizado. es Name AllowFullOpen AnyColor Color FullOpen ShowHelp SolidColorOnly Generalmente usaremos el prefijo cdg. Habilita o no el botón de personalizar colores. Controla si cualquier color puede ser seleccionado. Indica el color seleccionado en el diálogo. Determina si la sección de colores personalizados será inicialmente vista. Visualiza o no el botón de Ayuda en el diálogo. Controla si solo los colores sólidos pueden ser seleccionados. s ShowDialog Muestra el diálogo de colores.

26 Eventos Evento HelpRequested Ocurre al dar clic sobre el botón de ayuda del diálogo de color. Barras Las Barras son muy importantes en una aplicación ya que permiten mostrar algunos accesos directos, mostrar el estado en que se encuentra la aplicación, etc. Control ToolBar Sirve para crear una Barra de Herramientas, para lo cual se realizan los siguientes pasos: Llenar un ImageList con las imágenes que se usaran en el ToolBar. Dar doble clic al control ToolBar y configurar la propiedad Name escribiendo el prefijo tbr seguido del nombre. Luego configurar la propiedad ImageList eligiendo el nombre de la Lista de Imágenes. Seleccionar la propiedad Buttons que es una colección y pulsar sobre el botón dialogo ToolBarButton Collection Editor., aparecerá el Para crear un botón dar clic en el botón Add, luego modificar las propiedades ImageIndex para indicar el índice de la imagen a mostrar, opcionalmente en ToolTipText escribir un comentario y en Text escribir un título. Finalmente programar en el evento ButtonClick las acciones de los botones. Figura 2.6: Editor de la Colección de Botones del ToolBar

27 Control StatusBar Se usa para crear una Barra de Estado, para lo cual se realizan los siguientes pasos: Dar doble clic al control StatusBar y configurar la propiedad Name escribiendo el prefijo sbr seguido del nombre. Configurar la propiedad ShowPanels en true para poder ver los paneles. Seleccionar la propiedad Panels que es una colección y pulsar sobre el botón dialogo StatusBarPanels Collection Editor., aparecerá el Para crear un panel dar clic en el botón Add, luego modificar sus propiedades, tales como: Aligment, BorderStyle, Icon, Style, Text, ToolTipText y Width Si se desea realizar alguna tarea al dar clic a un cierto panel, programar en el evento PanelClick las acciones que realizará el panel. Figura 2.7: Editor de la Colección de Paneles del StatusBar Nota: En esta versión de Visual Basic los paneles no traen una propiedad que permita mostrar automáticamente el estado de las teclas CapsLock, NumLock, o que muestre la fecha u hora, etc.