Visual Basic .net: CONTROLES BÁSICOS II

Apuntesvb.net 2008 1.2

CONTROLES BÁSICOS (II) CONTROLES BÁSICOS (II) .................................................................................................................................................................................... 1 1.BARRASDEDESPLAZAMIENTO................................................................................................................................................................................... 1 2.-MARCOS.GroupBoox...................................................................................................................................................................................................... 2 3.-BOTONESDEOPCIÓN................................................................................................................................................................................................ 2 4.CASILLASDEVERIFICACIÓN........................................................................................................................................................................................ 2 5.LISTAS......................................................................................................................................................................................................................... 4 7.TIEMPO.-timer............................................................................................................................................................................................................... 8

1. BARRAS DE DESPLAZAMIENTO. Las barras de desplazamiento permiten explorar fácilmente una larga lista de elementos o una gran cantidad de información.

Además, proporcionan una representación analógica de la posición actual. Puede utilizar una barra de desplazamiento como dispositivo de entrada o indicador de velocidad o cantidad por ejemplo, para controlar el volumen de un juego de computador o para ver el tiempo transcurrido en un proceso temporizado.

Existen dos tipos de barras de desplazamiento: HscrollBar: desplazamiento horizontal VscrollBar: desplazamiento vertical.

1.1. PROPIEDADES. 1.- Cuando utiliza una barra de desplazamiento como indicador de cantidad o velocidad o como dispositivo de entrada, utilice las propiedades Maximum y Minimum para establecer el rango adecuado del control.

2.- Para especificar la cantidad de cambio que va a iniciar la barra de desplazamiento, utilice la propiedad LargeChange para hacer clic en la barra de desplazamiento, y la propiedad SmallChange para hacer clic en las flechas de los extremos de la barra.

La propiedad Value de la barra de desplazamiento aumenta o disminuye los valores establecidos para las propiedades LargeChange y SmallChange.

Puede colocar el cuadro de desplazamiento en tiempo de ejecución estableciendo Value entre 0 y 32.767, inclusive.

Lola Cano Gil

1

Apuntesvb.net 2008 1.2

2.- MARCOS. GroupBoox.

Proporciona un agrupamiento identificable para controles. También puede utilizar un GropupBox para subdividir un formulario funcionalmente por ejemplo, para separar grupos de controles OptionButton. (Botones de opción ver punto 4).

Para agrupar controles, en primer lugar trace el control GroupBox y, a continuación, los controles dentro de GroupBox. De este modo podrá mover al mismo tiempo el GroupBox y los controles que contiene. Si traza un control fuera del GroupBox y, a continuación, intenta moverlo dentro de éste, el control se colocará sobre el GroupBox y deberá mover el GroupBox y los controles por separado.

Para seleccionar controles múltiples en un GroupBox, mantenga presionada la tecla CTRL mientras utiliza el mouse para trazar un cuadro alrededor de los controles.

3.-BOTONES DE OPCIÓN. Un control RadioButton muestra una opción que se puede activar o desactivar generalmente, los controles RadioButton se utilizan en un grupo de opciones para mostrar opciones de las cuales el usuario sólo puede seleccionar una. Los controles RadioButton se agrupan dibujándolos dentro de un contenedor como un control GroupBox, un control PictureBox o un formulario.

Para agrupar controles RadioButton en un GroupBox o PictureBox, dibuje en primer lugar el GroupBox o PictureBox y, a continuación, dibuje dentro los controles RadioButton. Todos los controles RadioButton que están dentro del mismo contenedor actúan como un solo grupo.

Aunque puede parecer que los controles RadioButton y CheckBox funcionan de forma similar, hay una diferencia importante: Cuando un usuario selecciona un RadioButton, los otros controles del mismo grupo RadioButton dejan de estas disponibles automáticamente.

Por contraste, se puede seleccionar cualquier número de controles CheckBox.

3.1. PROPIEDADES. Appearance: apariencia de los botones de Opción.

4. CASILLAS DE VERIFICACIÓN. CheckBox : Casilla de verificación, para dar al usuario una opción del tipo verdadero/falso o sí/no. El control CheckBox de casilla de verificación puede mostrar una imagen o texto, o ambos.

La propiedad Appearance determina si la casilla de verificación CheckBox como un control CheckBox típico o como un botón.

La propiedad ThreeState determina si el control admite dos o tres estados. Utilice la propiedad Checked para obtener o establecer el valor de un control CheckBox de casilla de verificación de dos estados y use la propiedad CheckState para obtener o establecer el valor de un control CheckBox de casilla de verificación de tres estados.

Lola Cano Gil

2

Apuntesvb.net 2008 1.2

Ejercicio:

Private Sub RadioButton1_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton1.CheckedChanged Label1.ForeColor = Color.Red() End Sub Private Sub RadioButton2_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton2.CheckedChanged Label1.ForeColor = Color.Blue End Sub Private Sub RadioButton3_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton3.CheckedChanged Label1.ForeColor = Color.Green End Sub Private Sub RadioButton4_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton4.CheckedChanged Label1.ForeColor = Color.Yellow End Sub Private Sub RadioButton9_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton9.CheckedChanged Label1.TextAlign = ContentAlignment.TopLeft End Sub Private Sub RadioButton10_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton10.CheckedChanged Label1.TextAlign = ContentAlignment.TopCenter End Sub Private Sub RadioButton11_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RadioButton11.CheckedChanged Label1.TextAlign = ContentAlignment.TopRight End Sub

Lola Cano Gil

3

Apuntesvb.net 2008 1.2

Private Sub VScrollBar1_Scroll(ByVal sender As System.Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles VScrollBar1.Scroll Label5.Text = VScrollBar1.Value Label1.Font = New Font(Label1.Font.Size, VScrollBar1.Value) End Sub

Private Sub CheckBox2_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles CheckBox2.CheckedChanged If CheckBox2.Checked Then Label1.BackColor = Color.Blue Else Label1.BackColor = Me.BackColor End If End Sub Private Sub CheckBox1_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles CheckBox1.CheckedChanged If CheckBox1.Checked Then Label1.BorderStyle = BorderStyle.Fixed3D Else Label1.BorderStyle = BorderStyle.None End If End Sub Modificar el ejercicio: Añadiendole un color Añadiendole una casilla de verificación con la posibilidad de poner el fondo en negro, el texto en blanco y centrado.

Al cargar el formulario tenga activo el RadioButton1 , RadioButton9 y CheckBox1 En el Botón “fuente” se añadira con los cuadros de dialogo, más adelante.

5. LISTAS 5.1- CUADROS DE LISTA. ListBox .

Un control ListBox muestra una lista de elementos en la que el usuario puede seleccionar uno o más. Si el número de elementos supera el número que puede mostrarse, se agregará automáticamente una barra de desplazamiento al control ListBox. Si se selecciona ningún elemento, el valor de la propiedad ListIndex será -1. El primer elemento de la lista es ListIndex 0, y el valor de la propiedad ListCount siempre es uno más que el valor mayor de ListIndex.

5.1.1- PROPIEDADES. listbox1.Items.Count

Devuelve el número de elementos de la lista..

Lola Cano Gil

4

Apuntesvb.net 2008 1.2

SelectedIndex

Devuelve o establece el índice del elemento seleccionado actualmente en el control. No disponible en tiempo de diseño.

ListBox1.SelectedIndex [= índice] Item

Devuelve o establece los elementos contenidos en la porción de lista de un control. La lista es una matriz de cadenas cuyos elementos se corresponden con los de la lista. Disponible en tiempo de diseño para los controles ListBox y ComboBox a través del examinador de propiedades, de lectura/escritura en tiempo de ejecución para los controles ComboBox .

Sorted

Devuelve un valor que indica si los elementos de un control se colocan automáticamente en orden alfabético.Los valores de retorno de la propiedad Sorted son: True- Los elementos de la lista se ordenan alfabéticamente (sin distinguir entre mayúsculas y minúsculas).

False- (Predeterminado) Los elementos de la lista no se ordenan alfabéticamente.

- Cuando esta propiedad tiene el valor True, Visual Basic se encarga de casi todo el procesamiento de cadenas necesario para mantener el orden alfabético, incluyendo el cambio de los números de índice cuando se agregan o eliminan elementos.

- El uso del método AddItem para agregar un elemento en una posición específica de la lista puede romper el orden alfabético, y los elementos agregados con posterioridad pueden no ordenarse correctamente.

6.1.2.- MÉTODOS. 1.- listbox1.Items.Add(Cadena) ComboBox4.Items.Add(ComboBox4.Text)

Agrega un elemento a un control ListBox o ComboBox.

2.-Clear:

listbox1.items.Clear

Borra el contenido de los controles ListBox o ComboBox .

3.-RemoveItem Elimina

un

elemento

de

un

control

ListBox

o

ComboBox

ListBox1.Items.Remove(ListBox1.SelectedItem)

6.2. CUADRO COMBINADO. ComboBox Un control ComboBox combina las características de un control TextBox y un control ListBox los usuarios pueden introducir información en la parte del cuadro de texto y seleccionar un elemento en la parte de cuadro de lista del control.

En este tipo de cuadro no se permiten varias columnas y se pueden especificar tres tipos de comportamiento para un cuadro combinado por medio de la propiedad Style PROPIEDADES: Comparte propiedades con Listbox .

1.- Text Contiene el texto del elemento seleccionado de la lista o el texto introducido en el área de edicción.

2.-DropDownStyle Indica el tipo de cuadro combinado.

Lola Cano Gil

5

Apuntesvb.net 2008 1.2

Los valores de la propiedad son: Valor Descripción DropDown (Predeterminado) Cuadro combinado desplegable. Incluye una lista desplegable y un cuadro de texto. El usuario puede seleccionar en la lista o escribir en el cuadro de texto. Este valor ahorra espacio en el formulario, ya que el componente de lista se cierra cuando el usuario selecciona un elemento Simple : Incluye un cuadro de texto y una lista no desplegable. El usuario puede seleccionar en la lista o escribir en el cuadro de texto. El tamaño de un cuadro combinado simple incluye los componentes de edición y de lista. De forma predeterminada, el tamaño de un cuadro combinado simple no muestra ningún elemento de la lista. Incremente la propiedad Height para mostrar más elementos.

DropdownList: Lista desplegable. Este tipo sólo permite seleccionar en la lista desplegable.

EVENTOS. - Para DropDownStyle =DropDown recibe el doble clic, el resto solo clic.

- Change para DropwDown y simple.

Ejercicio Objetivos:  Trabajar con: listbox , combobox y botones  Añadir, borrar y limpiar elementos en un ListBox.  Trabajar con diferentes estilos de de comboBox.  Trabajar con la propiedad Anchor de los objetos Programa que realiza reservas de pasaje de avión, pudiendo elegir destino, asiento y menú.

Diseño de pantalla (siempre es mejorable):

TIPO-OBJETO Combobox

NOMBRE Combobox1

Combobox2

Lola Cano Gil

PROPIEDAD DropDownStyle sorted Items anchor DropDownStyle sorted Items anchor

6

VALOR simple true Londres Paris Roma..

Top, Right dropdownList true Central pasillio ventanilla Top, Right

Apuntesvb.net 2008 1.2

Combobox3

DropDownStyle sorted Items anchor

Combobox4

DropDownStyle anchor Label1, label2, label3, label4, lebal5 Button1 text Button2 text Button3 text Button4 text listBox1 anchor

Etiquetas botón

ListBox

dropdownList true Bocadillo pollo vegetariano Top, Right dropdown Top,left,right AÑADIR UN CLIENTE ELIMINAR ELEMENTO LISTA FIN LIMPIAR LISTA Top,left,right

Código a programar:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click ComboBox4.Focus() End Sub Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button3.Click Me.Close() End Sub Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click If ListBox1.SelectedIndex >= 0 Then ListBox1.Items.Remove(ListBox1.SelectedItem) Else MessageBox.Show("NO TIENES NINGUN ELEMENTO SELECIONADO") End If End Sub Private Sub Button4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button4.Click ListBox1.Items.Clear() End Sub

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load 'inicializar los combobox ComboBox1.SelectedIndex = 0 ComboBox2.SelectedIndex = 0 ComboBox3.SelectedIndex = 0 End Sub Private Sub ComboBox4_KeyDown(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyEventArgs) Handles ComboBox4.KeyDown Dim Cadena As String If e.KeyCode = 13 Then Cadena = ComboBox1.Text & ": " & ComboBox4.Text & " ( " & ComboBox2.Text & ", " & ComboBox3.Text & " )" ListBox1.Items.Add(Cadena) ComboBox4.Items.Add(ComboBox4.Text)

Lola Cano Gil

7

Apuntesvb.net 2008 1.2

ComboBox4.Text = "" End If End Sub 

PROGRAMAR EL ComboBox1 PARA QUE CUANDO INTRODUZCA UN DESTINO SE AÑADA A SU LISTA ( evento keyUp)

6. CAJA DE DIBUJO. PICTUREBOX Un control PictureBox puede mostrar un gráfico a partir de un mapa de bits, un icono o un metarchivo. Lo corta si el control no es lo bastante grande para mostrar la imagen completa.

También puede utilizar un control PictureBox para agrupar controles RadioButton y mostrar la salida de métodos gráficos y texto escrito con el método Print.

Para hacer que un control PictureBox ajuste automáticamente el tamaño para mostrar un gráfico completo, establezca su propiedad SizeMode como StretchImage

7. TIEMPO.-timer Un control Timer puede ejecutar código a intervalos regulares produciendo un evento Timer.El control Timer, invisible para el usuario, resulta útil para el procesamiento de fondo.

7.1. PROPIEDADES. 1.- Interval Devuelve o establece el número de milisegundos entre las llamadas al evento Timer de un control Timer. objeto.Interval [= milisegundos] Los milisegundos son una expresión numérica que especifica el número de milisegundos, según se indica en Configuración. Los valores de milisegundos son: 0: (Predeterminado) Desactiva el control Timer.

1 a 65.535 : Establece un intervalo (en milisegundos) que se hace efectivo cuando se establece True en la propiedad Enabled de un control Timer. Por ejemplo, un valor de 10.000 equivale a 10 segundos. El máximo, 65.535 milisegundos, equivale a poco más de un minuto.

Puede establecer la propiedad Interval de un control Timer en tiempo de diseño o en tiempo de ejecución. Cuando utilice la propiedad Interval recuerde lo siguiente: - La propiedad Enabled del control Timer determina la forma en que el control responderá al paso del tiempo. Establezca False en Enabled para deshabilitar el control Timer, o True para habilitarlo. Cuando se activa un control Timer, la cuenta atrás siempre empieza por el valor indicado en su propiedad Interval.

- Cree un procedimiento de evento Timer para indicar a Visual Basic lo que debe hacer cada vez que transcurra el intervalo indicado en Interval.

Programa reloj

Lola Cano Gil

8

Apuntesvb.net 2008 1.2

Practicar Fecha, hora y control Timer 1. Fase dise単o:

2. Propiedades en fase dise単o: TIPO-OBJETO ventana BOTON Timer etiqueta

NOMBRE FORM1 BUTTON1 Timer1 LABEL1

PROPIEDAD TEXT CANCELBUTTON TEXT Interval TEXT BackColor TextAling

VALOR Reloj: Button1 salir 1000 GrayText MiddleCenter

3. C坦digo: Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer1.Tick Label1.Text = Format(Now, "HH:mm:ss") Me.Text = "RELOJ: " & Format(Now, "hh:mm:ss") & " " & Date.Today End Sub Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click End End Sub Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Label1.Text = Format(Now, "HH:mm:ss") End Sub

1. A単adirle alarma

Lola Cano Gil

9

Apuntesvb.net 2008 1.2

8. fechas.

Permite seleccionar fecha y hora.. Con la propiedad format puedes seleccionar el formato de la fecha.

Muestra un calendario mensual, donde se puede seleccionar la fecha.

9 . Tooltip.

Muestra informaciรณn cuando el usuario mueve el ratรณn sobre el control. El texto que aparece es el que hemos puesto en la propiedad ToolTip de cada objeto.

10. Cajas de texto 10.1. Con mascara.

Entrada de texto con mascara de ediciรณn para determinar el formato de los caracteres introducidos. La propiedad Mask determina el formato de la mascara de ediciรณn.

10.2. Texto enriquecido.

Caja de texto con propiedades de ediciรณn avanzadas.

Lola Cano Gil

10