Desarrollo de Aplicaciones Informticas Visual Basic .

NET Controles ms habituales

IES Quevedo

Controles Common Dialog y Controles avanzados .

Contenidos del tema 1. El control StatusBar........................................................................................................2 2. El control ImageList....................................................................................................... 3 3. El control ToolBar.......................................................................................................... 4 4. Controles Common Dialog.............................................................................................5 Cuadros de dilogos de Abrir y Guardar Ficheros(OpenFileDialog y SaveFileDialog)5 Cuadro de Dialogos de Color (ColorDialog)................................................................. 6 Cuadro de dilogos de Fuentes (FontDialog).................................................................7 5. El control NumericUpDown.......................................................................................... 7 6. Los controles TrackBar y ScrollBar............................................................................... 8

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

1. El control StatusBar
El control StatusBar de formularios Windows Forms se utiliza en los formularios como un rea, que habitualmente se muestra en la parte inferior de una ventana, en la que una aplicacin puede mostrar informacin de estado de diferentes tipos. Los controles StatusBar pueden tener paneles de barra de estado que muestren texto o iconos con informacin de estado o una serie de iconos animados que indiquen el funcionamiento de un proceso (como por ejemplo Microsoft Word cuando indica que se est guardando un documento). Propiedades ShowPanels Valores Descripcin T/F Para mostrar un nico mensaje es necesario ponerlo a false, valor por defecto. Cuando se quiere visualizar ms de un panel de informacin se debe poner a True y utilizar le mtodo Add. Por ejemplo: StatusBAr1.Panels.Add(valor) Es una coleccin con los paneles que se han creado. Tienen, tambin, la propiedad Text. Texto que se quiere mostrar. Determina el comportamiento del cambio de tamao del panel. Establece la alineacin del panel dentro del control StatusBar. Tipo de borde mostrado en los bordes del panel. Icono (archivo .ico) que se muestra dentro del panel Ancho mnimo que puede tener el panel dentro de la barra de estado

Panels Text Autosize Alignment BorderStyle Icon MinWidth

A travs de la propiedad Panel de la ventana de propiedades accedemos a una ventana como la siguiente en la que podemos configurar cada uno de los paneles.

Cada panel tiene sus propias propiedades, como por ejemplo .text. 2

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

2. El control ImageList
El componente ImageList de formularios Windows Forms se utiliza para almacenar imgenes que, a partir de ese momento, podrn ser utilizadas por otros controles. Una lista de imgenes permite escribir cdigo para un catlogo de imgenes nico y consistente. Por ejemplo, para girar las imgenes que muestra un control Button, simplemente cambie la propiedad ImageIndex del botn. Se puede utilizar una lista de imgenes con cualquier control que tenga una propiedad ImageList. Entre los controles que pueden asociarse con una lista de imgenes se incluyen los siguientes: ToolBar, ListView, TreeView,, TabControl, Button, CheckBox, RadioButton y Label. Para asociar la lista de imgenes con un control, establezca la propiedad ImageList del control como el nombre del componente ImageList. Propiedades Images Valores Descripcin Contiene las imgenes que utilizar el control asociado. Pulsando sobre esta propiedad en la ventana de propiedades se abre una ventana. Tambin se puede aadir y quitar imgenes desde el cdigo con Add y Remove.

Por ejemplo podemos asociar un control ImageList (con tres imgenes) a un botn y despus codificar los siguiente:
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Static i As Int16 Select Case i Case 0 PictureBox1.Image = ImageList1.Images(0) Case 1 PictureBox1.Image = ImageList1.Images(1) Case 2 PictureBox1.Image = ImageList1.Images(2) End Select i = (i + 1) If i > 2 Then i = 0 End If End Sub

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

3. El control ToolBar.
El control ToolBar de formularios Windows Forms se utiliza en los formularios como una barra de controles que muestra una fila de mens desplegables y botones de mapas de bits que activan comandos. Por lo tanto, hacer clic en un botn de una barra de herramientas puede ser un equivalente a elegir un comando de men. Se puede configurar los botones para que aparezcan y se comporten como botones de comando, mens desplegables o separadores. Habitualmente, una barra de herramientas contiene botones y mens que corresponden a los elementos de la estructura de mens de una aplicacin y proporciona acceso rpido a las funciones y comandos de la aplicacin de uso ms frecuente. Un control ToolBar normalmente est "acoplado" a lo largo de la parte superior de su ventana primaria, pero tambin puede acoplarse a cualquiera de los laterales de la ventana. Asimismo, se puede cambiar el tamao del control ToolBar y arrastrarlo. Una barra de herramientas puede mostrar informacin sobre herramientas cuando el usuario seale con el puntero del mouse a un botn de la barra de herramientas. La informacin sobre herramientas es una pequea ventana emergente que describe de forma breve el propsito del botn o del men. Para mostrar informacin sobre herramientas, debe establecerse la propiedad ShowToolTips en true. Propiedades Appearance Style ImageList Buttons Valores Normal/Falt Descripcin Para cambiar la apariencia de los botones de la barra de controles (en 3 dimensiones o planos) Propiedad de los botones que permite indicar separadores para agrupar los botones. Permite definir un control de lista de imgenes para visualizar las imgenes en los botones. Coleccin de botones de la barra de herramientas

Cmo poner una barra de Herramientas. Para establecer un icono para un botn de la barra de herramientas en tiempo de diseo: 1. Arrastre el componente ImageList desde el Cuadro de herramientas al formulario. 2. En la ventana Propiedades, haga clic en la propiedad Images y agregue imgenes al control ImageList. Para obtener informacin ms detallada, vea Agregar o quitar imgenes con el componente ImageList de formularios Windows Forms. 3. Arrastre el control ToolBar desde el Cuadro de herramientas hasta el formulario. 4. En la ventana Propiedades, establezca la propiedad ImageList del control ToolBar en el control ImageList agregado anteriormente. 5. Haga clic en la propiedad Buttons del control ToolBar para seleccionarla y despus haga clic en el botn de puntos suspensivos ( ) para abrir el Editor de colecciones ToolBarButton. 6. Utilice el botn Agregar para agregar botones al control ToolBar.

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

7. En la ventana Propiedades que aparece en el panel en la parte derecha del Editor de colecciones ToolBarButton, establezca la propiedad ImageIndex de cada botn de la barra de herramientas en uno de los valores de la lista, que se obtiene de las imgenes que ha agregado al componente ImageList. 8. Luego se deber programar cada una de las opciones, por ejemplo:
Protected Sub ToolBar1_ButtonClick(ByVal sender As Object, _ ByVal e As ToolBarButtonClickEventArgs) ' Evaluate the Button property of the ToolBarButtonClickEventArgs ' to determine which button was clicked. Select Case ToolBar1.Buttons.IndexOf(e.Button) Case 0 MessageBox.Show("First toolbar button clicked") Case 1 MessageBox.Show("Second toolbar button clicked") Case 2 MessageBox.Show("Third toolbar button clicked") End Select End Sub

Si queremos llamar a una opcin del men qu etengamos ennuestro programa:

Call menuitemX_Click(e,e)

4. Controles Common Dialog.

Cuadros de dilogos de Abrir y Guardar Ficheros (OpenFileDialog y SaveFileDialog) Los componentes OpenFileDialog y SaveFileDialog son los mismos cuadros de dilogo Abrir y Guardar archivo que ofrece el sistema operativo de Windows. Se hereda de la clase CommonDialog. Al basarse en cuadros de dilogo estndar de Windows, permite crear aplicaciones cuya funcionalidad bsica resulta familiar a los usuarios. Pero hay que tener en cuenta, que cuando se utilicen estos componentes, se deber escribir el cdigo necesario para la carga o salvaguardia de del fichero correspondiente. Cmo utilizarles: 1. Se coloca un OpenFileDialog o SaveFileDialog en el formulario. 2. En el cdigo asociado se establece la propiedad Filter, si se considera necesario. 3. Se escriben las instrucciones necesarias para realizar la operacin. ShowDialog es el mtodo que hay que utilizar para invocar este cuadro de dilogo. Este mtodo devuelve un valor que puede ser utilizado para validar si el usuario ha cancelado la opcin o no.

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

Se recoge el FileName seleccionado por el usuario.

Por ejemplo, para abrir un fichero, teniendo un OpenFileDialog llamado OD1:

Dim Nombre_F as string OD1.Filter = txt files (*.txt)|*.txt|Todos (*.*)|*.*" OD1.ShowDialog() Nombre_F = OD1.FileName

Propiedades FileName Filter

Valores Descripcin Es la ruta del archivo seleccionado por el usuario. Se utiliza para mostrar slo archivos con una determinada extensin. Por ejemplo para mostrar slo ficheros de texto o todos los fichero se pondra: T/F "txt files (*.txt)|*.txt|Todos (*.*)|*.*" Es un valor booleano que establece si el cuadro de dilogo aade automticamente una extensin al nombre del archivo, si el usuario la omite. Extensin por defecto que se aadir a los ficheros en el caso anterior. Directorio inicial que mostrar el cuadro de dilogo Permite que el usuario pueda seleccionar ms de un archivo a la vez. Por defecto es falso Configura el cuadro para que muestre una advertencia si el fichero indicado no existe. Esta propiedad indica si el cuadro de dilogo devuelve la referencia del acceso directo o la posicin del acceso directo de un fichero. Con el valor True el cuadro de dilogo devuelve el nombre del archivo, con el valor False, devuelve la ruta acceso directo. Muestra la casilla de verificacin de abrir el fichero de slo lectura. Marca o desmarca la casilla.

AddExtensin DefaultExtension InitialDirectory MultiSelect CheckFileExist DeferenceLinks

T/F T/F T/F

ShowReadOnly

T/F

ReadOnlyChecked T/F

Cuadro de Dialogos de Color (ColorDialog) El componente ColorDialog de formularios Windows Forms es un cuadro de dilogo preconfigurado que permite que el usuario seleccione un color de una paleta y agregue colores personalizados a la paleta. Es el mismo cuadro de dilogo que se ve en otras aplicaciones para Windows y que permite seleccionar colores. Utilzalo dentro de la aplicacin para Windows como una solucin sencilla, en lugar de configurar un cuadro de dilogo propio. El cuadro de dilogo tiene dos secciones: una que muestra colores bsicos y otra que permite al usuario la definicin de colores personalizados.

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

Propiedades AllowFullOpen FullOpen Color

Valor Descripcin es T/F Si se pone a true, el usuario tiene la posibilidad de definir colores personalizados T/F Es true si el cuadro de dilogo est expandido para definir colores personalizados; de lo contrario, el usuario debe hacer clic en el botn "Definir colores personalizados". Devuelve el color solicitado por el usuario y establece el original

ShowDialog es el mtodo que hay que utilizar para invocar este cuadro de dilogo. Este mtodo devuelve un valor que puede ser utilizado para validar si el usuario ha cancelado la opcin o no. Un ejemplo de cdigo podra ser:
if ColorDialog1.ShowDialog = DialogResult.OK Then Label1.BackColor = ColorDialog1.Color

End If Cuadro de dilogos de Fuentes (FontDialog) El componente FontDialog de formularios Windows Forms es un cuadro de dilogo preconfigurado, que es el cuadro de dilogo "Fuente" estndar de Windows utilizado para exponer las fuentes instaladas actualmente en el sistema. De forma predeterminada, el cuadro de dilogo muestra cuadros de lista para: -Fuente, -Estilo de fuente y -Tamao; -casillas de verificacin para efectos como Tachado y Subrayado; -una lista desplegable para Alfabeto; y un ejemplo de la apariencia que tendr la fuente. Propiedades Font Valores Descripcin Establece la fuente, el estilo, el tamao, el alfabeto y los efectos AllowSimulatio T/F Muestra u oculta la ventana de visualizacin de ejemplo ns ShowEffects T/F Visualiza u oculta los efectos. Para mostrar el cuadro de dilogo de fuente, tambin es necesario invocar al mtodo ShowDialog. Tambin devuelve un valor indicando la opcin realizada por el usuario.

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

5. El control NumericUpDown
El control NumericUpDown de formularios Windows Forms es similar a una combinacin de un cuadro de texto y un par de flechas en las que el usuario puede hacer clic para ajustar un valor. El control muestra y establece un valor numrico nico a partir de una lista de opciones. Para incrementar y reducir el nmero, el usuario puede hacer clic en los botones hacia arriba y hacia abajo, presionar las teclas FLECHA ARRIBA y FLECHA ABAJO, o escribir un nmero. Al presionar la tecla FLECHA ARRIBA, se mueve hacia arriba hacia el valor mximo; al presionar la tecla FLECHA ABAJO, el valor se mueve hacia el mnimo. Un ejemplo donde puede ser til este tipo de control es el control de volumen de un reproductor de msica. Los controles numricos de flechas se utilizan en muchas aplicaciones del Panel de control de Windows. Las propiedades ms importantes del control son: Propiedades Value Maximum Minimum Increment Valores Descripcin Establece o devuelve un valor. Valor mximo. Mnimo valor. Incremento que se aplicar al pulsar las flechas.

Los mtodos UpButton y DownButton permiten incrementar y decrementar el valor del control.

6. Los controles TrackBar y ScrollBar

El control TrackBar de formularios Windows Forms (tambin denominado en ocasiones control "deslizante") se utiliza para desplazarse por grandes volmenes de informacin o para ajustar visualmente una configuracin numrica. El control TrackBar tiene dos partes: el control de posicin, tambin conocido como control deslizante, y las marcas de paso. El control de posicin es la parte que puede ajustarse. Su posicin corresponde a la propiedad Value. Las marcas de paso son indicadores visuales espaciados a intervalos regulares. La barra de seguimiento se desplaza en los incrementos que se especifiquen y puede alinearse horizontal o verticalmente. Por ejemplo, se puede usar la barra de seguimiento para controlar la velocidad de intermitencia del cursor o la velocidad del mouse (ratn) en un sistema.

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

Propiedades Value

Descripcin Valor numrico comprendido en el intervalo Minimum yMaximum. El valor predeterminado es cero. Representa la posicin actual del control. Maximum Valor mximo permitido. Minimum Valor mnimo permitido. TickFrequency Valor numrico que representa la distancia entre las marcas de paso. El valor predeterminado es uno. SmallChange El valor de la propiedad SmallChange es el nmero de posiciones que se desplaza el control de posicin en respuesta a la accin de presionar la tecla FLECHA DERECHA o FLECHA IZQUIERDA. LargeChange El valor de la propiedad LargeChange es el nmero de posiciones que se desplaza el control de posicin en respuesta a la accin de presionar la tecla RE PG o AV PG, o en respuesta a la accin de hacer clic con el mouse en la barra de seguimiento a ambos lados del control de posicin. TickStyle TopLeft, Indica dnde aparecern los pasos, arriba, abajo, en ambos bottomRi lados o en ninguno. ght Both, None Orientation Permite poner el control en horizontal y en vertical

Valores

SmallChange

LargeChange Maximum
Imagen 1. TrackBar

Minimum

Los controls ScrollBar de formularios Windows Forms se utilizan para permitir un fcil desplazamiento por una lista de elementos o un gran volumen de informacin, ya sea horizontal o verticalmente, dentro de una aplicacin o control. Los controles HScrollBar (horizontal) y VScrollBar (vertical) funcionan de manera independiente de otros controles y tienen su propio conjunto de eventos, propiedades y mtodos. Los controles ScrollBar no son lo mismo que las barras de desplazamiento incorporadas adjuntas a los cuadros de texto, cuadros de lista, cuadros combinados o formularios MDI (el control TextBox tiene una propiedad ScrollBars que muestra u oculta las barras de desplazamiento adjuntas al control).

Justo Sez Arenas

_ Dpto Informtica _

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

Las propiedades ms importantes de este control son las siguientes: Propiedades Valores Descripcin Minimum Valor mnimo del control. Maximum Mximo valor que puede tomar el control. LargeChange Nmero de posiciones que variar el control cuando se produzca un desplazamiento largo. Al hacer clic a lo largo del control. SmallChange Nmero de posiciones que variar el control cuando se produzca un desplazamiento corto. Al mover el control. Value Devuelve o establece el valor del control.

SmallChange

Value

SmallChange

Minimum

LargeChange
Imagen 2. Componentes de un ScrollBar

Maximum

Los controles ScrollBar utilizan el evento Scroll para supervisar el movimiento del cuadro de desplazamiento (a veces conocido como control de posicin) a lo largo de la barra de desplazamiento. El uso del evento Scroll proporciona acceso al valor de la barra de desplazamiento durante la operacin de arrastre. A travs de la propiedad Type del argumento e que recibe este control podemos realizar acciones asociadas a los siguientes eventos: Valor EndScroll First LargeDecrement LargeIncrement Last SmallDecrement LargeIncrement ThumbPosition ThumbTrack Descripcin El usuario ha detenido ya el desplazamiento del control. El control se ha desplazado a la posicin Minmum. El control se desplaz con un decremento grande ( clic en parte izquierda de la barra) El control se desplaz con un incremento grande ( clic en parte derecha de la barra) El control se ha desplazado a la posicin Maximum. El control se desplaz con un decremento pequeo( clic en flecha izquierda) El control se desplaz con un incremento pequeo ( clic en flecha derecha) El botn se movi. Se est moviendo.

la la la la

Justo Sez Arenas

_ Dpto Informtica _

10

Desarrollo de Aplicaciones Informticas Visual Basic .NET Controles ms habituales

IES Quevedo

Un ejemplo de programacin de un evento Scroll podra ser, el siguiente, en el que se comprueba si se ha finalizado el desplazamiento y en caso afirmativo ser realiza un cambio en otro control del formulario.
Private Sub Azul_Scroll(ByVal sender As Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles Azul.Scroll If e.Type = ScrollEventType.EndScroll Then Label1.text = Ha finalizado el desplazamiento End If End Sub

Justo Sez Arenas

_ Dpto Informtica _

11