Documentos de Académico
Documentos de Profesional
Documentos de Cultura
.ArchivetempCapítulo 4 Controles Básicos
.ArchivetempCapítulo 4 Controles Básicos
4.1 El control Label (Etiqueta).- Este control se utiliza para colocar títulos en el
formulario y mensajes junto a los cuadros de texto para que los usuarios sepan qué
introducir en ellos.
Las etiquetas se utilizan para mostrar mensajes que indican a los usuarios qué es lo que deben hacer.
El control TextBox también se utiliza para introducir datos que serán procesados por un procedimiento
asociado a este u otro control.
Cuando el usuario seleccione una opción, aparecerá un check dentro de la casilla y la propiedad Value
adoptará el valor 1.
0-Unchecked (Desactivada)
1- Checked (Activada)
2-Grayed (Atenuada)
Visible True Devuelve o asigna un valor que determina si el objeto está
visible u oculto.
En la interfaz del usuario se incluye una caja de texto, cuatro casillas de verificación, una etiqueta y Un
botón de comando.
La siguiente tabla muestra las propiedades de los controles incluidos en el
formulario:
Control Propiedad Valor
TextBox Name nnTextoPrueba
Text ““
CheckBox Name nnNegrita
Caption &Negrita
CheckBox Name nnCursiva
Caption &Cursiva
CheckBox Name nnMayúsculas
Caption &Mayúsculas
CheckBox Name nnColorRojo
Caption Color &Rojo
Label Name Label1
Caption Introduzca un texto de prueba en la caja de texto y
seleccione una o más casillas de verificación para ver su
efecto en el texto
CommandButtom Name nnSalir
Caption Salir
En el formulario, hacer doble clic en la casilla de verificación Negrita. La ventana
de código abre el procedimiento Negrita_Click. Digitar el siguiente código entre las
sentencias Private Sub nnNegrita_Click y End Sub:
If nnNegrita.Value = 1 Then
nnTextoPrueba.Font.Bold = True
Else
nnTextoPrueba.Font.Bold = False
End If
Utilizar el control OptionButton cuando se quiera presentar varias opciones de las cuales el usuario solo
puede elegir una.
4.5.2 El evento Clic.- Cuando el usuario hace clic en un botón de opción se produce
el evento Click. En el procedimiento de este evento verificar el valor de la propiedad
Value de este control y realizar una acción. Value adopta el valor True (Verdadero) si el
control está activado, y False (Falso) si está desactivado.
Por ejemplo diseñar una interfaz como la de la figura anterior, de tal forma que
cuando se seleccione uno de los botones de opción “8”, “10” o “12”, el texto introducido
en la caja de texto aparezca en el tamaño indicado.
La siguiente tabla muestra las propiedades de los controles en el formulario:
Control Propiedad Valor
TextBox Name nnTextoPrueba
Text ““
OptionButton Name nnTamaño8
Caption 8
OptionButton Name nnTamañol0
Caption 10
4.6 El control Frame (Marco).- Este control permite agrupar e identificar fácilmente un
grupo de controles.
Para crear diferentes grupos de botones de opción, encerrar cada grupo en un marco.
4.6.2 Cómo crear grupos de botones de opción.- Para crear un grupo de botones
de opción, primero dibujar el marco y después dibujar dentro los botones de opción.
1. En el cuadro de herramientas, hacer doble clic en el control Frame.
2. En el formulario, ajustar el tamaño y posición del marco.
3. En el cuadro de herramientas, hacer clic en el control OptionButton.
4. En el formulario, situar el puntero en el interior del marco y con el botón izquierdo del
mouse pulsado arrastrar hasta dibujar el control OptionButton.
Repetir los pasos 3 y 4 para añadir un nuevo control al marco.
No se debe dibujar un control fuera del marco y después arrastrarlo dentro de él.
Si se hace esto, el control estaría encima del marco y no dentro de él.
4.7 El control ListBox (Cuadro de lista).- Este control pone a disposición del usuario
un conjunto de elementos, de los cuales puede elegir uno. Si el número de elementos
supera el número de los que pueden ser visualizados simultáneamente en la lista,
aparecerá automáticamente una barra de desplazamiento vertical para que el usuario
pueda desplazar los elementos de la lista hacia arriba o hacia abajo. Generalmente,
una lista es apropiada cuando se quiere limitar la entrada de una serie de elementos
determinados.
Por defecto los elementos de la lista se visualizan en una sola columna, aunque
es posible establecer múltiples columnas. Si el ancho total de las columnas supera el
ancho de la lista, aparecerá automáticamente una barra de desplazamiento horizontal
para que el usuario pueda desplazar las columnas hacia la izquierda o hacia la derecha.
4.7.2 Métodos
Método Descripción
AddItem Permite añadir nuevos elementos a la lista. La sintaxis de este método es:
Listl.AddItem elemento (, índice)
elemento es una cadena que se va añadir a la lista, y el índice es su
orden. El argumento índice es opcional; si se omite, la cadena se añade al
final de la lista. Si está puesta como True la propiedad Sorted del control,
la entrada se inserta en el lugar adecuado de la lista, sin tener en cuenta el
valor del argumento indice
RemoveItem Permite eliminar elementos de una lista. Para borrar un elemento de una lista,
primero debemos averiguar su posición (índice) dentro de la lista, y pasársela al
método RemoveItem. La sintaxis de este método es: Listl.RemoveItem índice
El parámetro índice es el lugar que ocupa la entrada que se quiere borrar y esta
vez no es opcional.
Clear Borra todos los elementos de la lista. Su sintaxis es: List1.Clear
4.7.3 Sucesos
Suceso Descripción
Click Ocurre cuando el usuario hace clic sobre el control.
La siguiente aplicación permite añadir, eliminar y seleccionar elementos en una
lista. La interfaz debe ser similar a la siguiente ilustración:
En el cuadro de lista, hacer clic en el nombre del país que desea eliminar y
seguidamente, hacer clic en el botón ‘Eliminar elemento’.
este tipo de cuadro permite que los usuarios escriban opciones que no figuran en
la lista. Para presentar todos los elementos de la lista, ajuste el tamaño del
cuadro de lista de forma que se visualicen todas.
2-Dropdown List.- Lista desplegable. Es similar al cuadro combinado desplegable
con la diferencia de que el usuario no puede escribir en el cuadro, solo puede
seleccionar un elemento de la lista.
Text Devuelve o establece el texto contenido en el control.
4.8.2 Sucesos
Suceso Descripción
Click Con cualquiera de las listas, ocurre cuando el usuario selecciona un ítem de la
lista para indicar sus preferencias.
Change Ocurre cuando el valor de la propiedad Text es modificado.
6.8.3 Métodos
Método Descripción
AddItem Permite añadir nuevos elementos a la lista.
RemoveItem Permite eliminar elementos de una lista.
Clear Borra todos los elementos de la lista.
La siguiente aplicación es similar a la aplicación anterior pero esta vez se utiliza
el control ComboBox. La interfaz debe tener el siguiente aspecto:
La siguiente tabla muestra las propiedades de los controles incluidos en esta interfaz:
Control Propiedad Valor
ComboBox Name nnFrutas
List Chirimoya
Ciruela
Fresa
Lucuma
Manzana
Melocotón
Naranja
Sorted True
Style 1-Simple Combo
Text ““
Label Name Label1
Caption Fruta seleccionada
TextBox Name nnFrutaSelec
Text ““
CommandButton Name nnAñadirElemento
Caption Añadir nuevo elemento
CommandButton Name nnEliminarElemento
Caption Eliminar elemento
4.9 El control Timer (Reloj).- Este control genera sucesos Timer a intervalos
regulares de tiempo. Es ideal para crear relojes digitales, cronómetros, alarmas o
simplemente para ejecutar un procedimiento a determinado intervalo de tiempo.
Para fijar el intervalo del control Timer se utiliza la propiedad Interval, a la cual se le
asigna un valor numérico que indica una medida en milisegundos (1/1000 segundos).
Para que este control se active, la propiedad Enable debe establecerse a True. Una vez
activado, éste permanecerá en marcha de forma constante (generando sucesos Timer
en el intervalo fijado) hasta que el usuario detenga el programa o el control sea
desactivado. Por ejemplo, si se asigna a la propiedad Interval el valor de 4000 se
generarán sucesos Timer cada 4000 milisegundos, es decir, cada 4 segundos. Este
control no es visible en tiempo de ejecución.
Desarrollar un reloj digital intermitente que muestre la hora segundo a segundo:
1. Abrir el menú Archivo y hacer clic en el comando Nuevo proyecto.
2. En el formulario, añadir un control Timer y un control Label como lo muestra la
siguiente ilustración:
Alignment 2-Center
Caption ““
Font Arial, Negrita, 18 puntos
Tag Mostrar Hora
Timer Name nnTimer1
Interval 500
Enabled True
Cuadro de desplazamiento
SmallChange SmallChange
LargeChange LargeChange
Min Value Max
4.10.1 Propiedades
Propiedad Val p/defecto Descripción
LargeChange 1(1-32655) Cuando el usuario haga clic en el área que hay entre el cuadro
de desplazamiento y las flechas, éste se desplazará hacia la
derecha o hacia la izquierda y la propiedad Value se
incrementará o decrementará una cantidad que está fijada por la
propiedad LargeChange
Max 32655 Devuelve o establece el valor máximo de la propiedad Value
Min 0 Devuelve o establece el valor mínimo de la propiedad Value
Name Hscroll1 o Vscroll1 Nombre usado en el código
SmallChange 1(1-32655) Cuando el usuario haga clic en las dos flechas que hay en los
extremos de la barra de desplazamiento, el valor de la propiedad
Value cambiará una cantidad especificada en la propiedad
SmallChange
Value 0 Valor actual del control especificado por la posición del cuadro
de desplazamiento.
4.10.2 Sucesos
Suceso Comentario
Change Este suceso ocurre cada vez que el usuario cambia la posición del cuadro de
desplazamiento ya sea haciendo clic en SmallChange o LargeChange o bien
desplazando con el mouse el cuadro de desplazamiento, en este último caso el
suceso Change se activa solo cuando se suelta el botón del mouse.
Scroll Ocurre continuamente mientras el cuadro de desplazamiento es arrastrado de
una posición a otra con el mouse.
Desarrollar una aplicación que muestre el manejo del control HScrollBar. El
programa debe combinar los tres colores básicos: rojo, verde y azul.
La interfaz debe ser similar a la siguiente ilustración:
formulario:
Control Propiedad Valor
PictureBox Name nnColores
Label Caption Rojo
Label Caption Verde
Label Caption Azul
HscrollBar Name nnRojo
LargeChange 20
Max 255
Min 0
SmallChange 2
Value 0
HscrollBar Name nnVerde
LargeChange 20
Max 255
Min 0
SmallChange 2
Value 0
HscrollBar Name nnAzul
LargeChange 20
Max 255
Min 0
SmallChange 2
Value 0
Guardar el formulario con el nombre CombinaciónColores.frm y la aplicación con
el nombre CombinaciónColores.vbp.
Diseñada la interfaz de usuario, unir código a los controles del formulario. Asociar
un procedimiento a la barra de desplazamiento nnRojo accionado por el suceso Scroll.
Cuando el usuario arrastre el cuadro de desplazamiento del control nnRojo, el color rojo
que muestra el control PictuneBox debe aumentar o disminuir de nivel.
1. En el formulario, hacer doble clic sobre el control nnRojo. En la ventana de código,
desplegar el cuadro de lista procedimientos y seleccionar el suceso Scroll. La
ventana de código abre el procedimiento nnRojo_Scroll.
2. Digitar el siguiente código:
Private Sub nnRojo_Scroll()
rojo = nnRojo.Value
verde = nnVerde.Value
azul = nnAzul.Value
nnColores.BackColor = RGB(rojo, verde, azul)
End Sub
Hacer doble clic en el control nnVerde. En la ventana de código, desplegar el
cuadro de lista procedimientos y seleccionar el suceso Scroll. La ventana de código
abre el procedimiento nnVerde_Scroll. Digitar el siguiente código:
Private Sub nnVerde_Scroll()
verde = nnVerde.Value
azul = nnAzul.Value
rojo = nnRojo.Value
nnColores.BackColor = RGB(rojo, verde, azul)
End Sub
Hacer doble clic en el control nnAzul. En la ventana de código, desplegar el
cuadro de lista procedimientos y seleccionar el suceso Scroll. La ventana de código
Ing. Hermas Herrera Callejas Página : 17 de 25
Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos
El menú Formato debe mostrar las opciones Fuente, Tamaño y Salir. A la vez, el
submenú Fuente debe mostrar las opciones Arial, Comic Sans MS y Courier; y el
submenú Tamaño, las opciones 10, 12 y 14. El menú Varios debe mostrar las opciones
Reloj, Calculadora y Naipes.
Seguir estos pasos:
1. Hacer clic en la opción Nuevo proyecto del menú Archivo para crear una nueva aplicación.
2. Hacer clic en el formulario.
3. Hacer clic en el comando Editor de menús del menú Herramientas para visualizar el
cuadro de diálogo Editor de menús.
A la vez, Arial, Comic Sans MS y Courier son opciones del submenú Fuente. De
manera que debemos diferenciar estos elementos del submenú Fuente. Para ello,
seleccionar la opción Arial y hacer clic dos veces en el botón flecha a la derecha. Lo
mismo hacer con las opciones Comic Sans MS y Courier.
El sangrado de todos los elementos ingresados en el Editor de menú debe sen el
siguiente:
&Formato
...&Fuente
...... &Arial Ctrl+A
...... &Comic Sans MS Ctrl+C
...... C&ourier Ctrl+O
... &Tamaño
...... 10
...... 12
...... 14
... - Línea de separación
... &Salir Ctrl + S
&Varios
... &Reloj Ctrl + R
... Calc&uladora Ctrl + U
... &Naipes Ctrl + N
Una línea de separación permite agrupar órdenes en función de su actividad.
Para crear una línea de separación escribir un guión (-) en el cuadro de texto Caption y
en el cuadro de texto Name introducir un nombre.
El editor de menús debe tener el siguiente aspecto:
Hacer clic sobre el menú Formato, situar el puntero del mouse en el submenú
Fuente y hacer clic en la opción Comic Sans MS; la ventana de código se abre
mostrando el procedimiento nnFuenteComicSans_Click. Digitar el siguiente código:
Private Sub nnFuenteComicSans_Ciick()
'Convierte a Comic Sans MS el texto contenido en TextBox
nnTexto1.Font.Name = "Comic Sans MS"
End Sub
Hacer clic sobre el menú Formato, situar el puntero del mouse en el submenú
Fuente y hacer clic en la opción Courier; la ventana de código muestra el procedimiento
nnFuenteCounier_Click. Digitar el siguiente código:
Private Sub nnFuenteCounier_Click()
'Convierte a Courier el texto contenido en el control TextBox
nnTexto1.Font.Name = "Courier"
End Sub
Hacer clic sobre el menú Formato, situar el puntero del mouse en el submenú
Tamaño y hacer clic en la opción 10; la ventana de código muestra el procedimiento
nnTamañol0. Digitar el siguiente código:
Private Sub nnTamañol0_Clic()
'Modifica a 10 puntos el tamaño del texto del control TextBox.
nnTexto1.Font.Size = 10
End Sub
Hacer clic sobre el menú Formato, situar el puntero del mouse en el submenú
Tamaño y hacer clic en la opción 12; la ventana de código muestra el procedimiento
nnTamañol2. Digitar el siguiente código:
Private Sub nnTamañol2_Clic()
'Modifica a 12 puntos el tamaño del texto del control TextBox.
nnTexto1.Font.Size = 12
End Sub
Hacer clic sobre el menú Formato, situar el puntero del mouse en el submenú
Tamaño y hacer clic en la opción 14; la ventana de código muestra el procedimiento
nnTamañol4. Digitar el siguiente código:
Private Sub nnTamañol4_Click()
'Modifica a 14 puntos el tamaño del texto del control TextBox.
nnTexto1.Font.Size = 14
End Sub
La aplicación termina al elegir la opción Salir
Private Sub nnSalir_Click()
'Termina la aplicación.
End
End Sub
Seleccionar el menú Varios y hacer clic en la opción Reloj, la ventana de código
se abre mostrando el procedimiento nnReloj_Click. Digitar el siguiente código:
Private Sub nnReloj_Click()
'Ejecuta la aplicación Reloj.exe de Microsoft Windows.
id = Shell("C:\Caepeta1\...Carpetan\Reloj.exe", 1)
End Sub
La función Shell permite ejecutar una orden del sistema operativo u otro
programa. Tiene esta sintaxis:
Shell(orden$[,n])
Ing. Hermas Herrera Callejas Página : 23 de 25
Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos
4.11.4 Quitar un control del orden de tabulación.- Podemos quitar un control del
orden de tabulación si establecemos su propiedad TabStop a False. Un control cuya
propiedad TabStop se ha establecido en False sigue manteniendo su posición en el
orden de tabulación actual, aunque el control es saltado al ir de un control a otro con la
tecla Tab.