Está en la página 1de 25

Computación para Ingeniería I y Laboratorio Cap.

4 – Visual Basic – Controles Básicos

CAPITULO 4 – VISUAL BASIC – 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.

4.1.1 Propiedades del control Label


Propiedad Valor por defecto Descripción
Alignment 0-Left Justify Determina si el mensaje aparece alineado a la izquierda, a la
derecha o al centro de la etiqueta.
Autosize False Determina si la etiqueta cambia de tamaño de manera
automática para mostrar todo el mensaje
Backcolor White Devuelve o establece el color de fondo.
BackStyle 1-Opaque Determina si el color de fondo es transparente u opaco. Si se
elige 0-Transparent se vera lo que está detrás de la etiqueta.
BorderStyle 0-None Devuelve/establece el estilo de borde. Elegir 1-FixedSingle y
una línea bordeara la etiqueta
Caption Label1 Contiene el mensaje que aparece en la etiqueta.
Enabled True Determina si la etiqueta estará activa. Cambiar esta
propiedad en tiempo de ejecución para que la etiqueta no
responda a eventos generados por el usuario.
Font Ms Sans Serif Muestra el cuadro de diálogo Fuente en el que se establece
el nombre, estilo y tamaño de la fuente usada en el mensaje.
Forecolor Black Devuelve o establece el color del mensaje.
Height 375 Devuelve o establece la altura de la etiqueta.
Left 1560 Establece la distancia entre el borde izquierdo de la etiqueta
y el borde izquierdo del formulario.
MousePointer 0-Default Determina la forma del puntero del mouse al pasar este
sobre la etiqueta.
Name Label1 Nombre usado en el código para identificar a la etiqueta.
TabIndex Devuelve o establece el orden de tabulación del objeto.
Top 1200 Devuelve o establece la distancia entre el borde superior de
la etiqueta y el borde superior del contenedor.
Visible True Determina si la etiqueta estará visible u oculta
Width 1125 Devuelve o establece el ancho de la etiqueta.
WordWrap False Determina si la etiqueta se expande para ajustarse al texto.

4.2 El control TextBox (Cuadro de Texto).- Este control es un pequeño editor de


texto, se utiliza para mostrar texto que puede editarse. Su propiedad principal es Text,
con la que se puede poner un texto fijo en el control o leer el texto que se introduzca.

El control TextBox también se utiliza para introducir datos que serán procesados por un procedimiento
asociado a este u otro control.

Ing. Hermas Herrera Callejas Página : 1 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

4.2.1 Propiedades del control TextBox


Propiedad Valor por defecto Descripción
Alignment 0-Left Justify Determina si el texto aparece alineado a la izquierda, a la
derecha o al centro del cuadro de texto.
Backcolor White Devuelve o establece el color de fondo.
BorderStyle 0-None Devuelve o establece el estilo de borde. Elegir 1-Fixed
Single y una línea bordeará al cuadro de texto.
Enabled True Determina si un cuadro de texto está activo.
Font Ms Sans Serif Muestra el cuadro de diálogo Fuente en el que se establece
el nombre, el estilo y tamaño de la fuente usada en la
propiedad Text.
ForeColor Black Devuelve o establece el color del texto.
Height 375 Devuelve o establece la altura del Control
Locked False Determina si el usuario puede editar el texto.
MaxLength 0 Específica el número máximo de caracteres que se puede
escribir en un cuadro de texto.
MousePointer 0-Default Determina la forma del puntero del mouse al pasar el
puntero sobre el cuadro de texto
MultiLine False Permite que el cuadro de texto acepte múltiples líneas.
Name Text1 Nombre usado en el código para identificar al cuadro de
texto.
PasswordChar “ ” Determina el carácter que aparece cuando el usuario
introduce una contraseña.
ScrollBars 0-None Define si la caja de texto tendrá barra de desplazamiento
vertical, horizontal o ambas.
TabIndex 1 Especifica el orden de enfoque dado al cuadro de texto.
TabStop True Determina si el cuadro de texto puede recibir el enfoque.
Visible True Determina si el cuadro de texto estará visible u oculto.
Width 1125 Devuelve o establece el ancho del cuadro de texto.
Text Text1 Contiene el texto del cuadro.
ToolTipText “ “ Devuelve o establece el texto mostrado cuando el puntero
del mouse se sitúa sobre el control.

4.2.2 Sucesos del control TextBox


Suceso Descripción
Change Ocurre cuando cambia el texto que contiene el control.
GotFocus Ocurre cuando el control recibe el enfoque.
KeyDown Ocurre cuando el usuario presiona una tecla mientras el control tiene el enfoque.
KeyPress Ocurre cuando el usuario presiona y suelta una tecla.
Keyup Ocurre cuando el usuario suelta una tecla mientras el control tiene el enfoque.
LostFocus Ocurre cuando el control pierde el enfoque.

4.2.3 Métodos del control TextBox


Método Descripción
Refresh Actualiza el texto del control TextBox.
SetFocus Mueve el enfoque al control TextBox.

4.3 El control CommandButton (Botón de Comando).- Este control permite “dibujar”


un botón de comando que, cuando se hace clic sobre él, ejecuta un bloque de código o
procedimiento ligado al mismo y accionado por el suceso Click.

Ing. Hermas Herrera Callejas Página : 2 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

Asociar un procedimiento a un botón de comando y hacer clic para ejecutar el procedimiento.

4.3.1 Propiedades del control CommandButton


Propiedad Valor par defecto Descnpcion
Cancel False Establece si el botón de comando se comportará como el
botón Cancelar en el formulario.
Caption Command1 Establece el texto que mostrará el botón de comando.
Default False Establece si el botón será activado con la tecla Enter.
Enabled True Devuelve o establece un valor que determina si el objeto
puede responder a sucesos realizados por el usuario.
Height 495 Devuelve o establece la altura del objeto.
Left 3120 Devuelve a establece la distancia entre el borde izquierdo
del objeto y el borde izquierdo de su contenedor.
Name Commandl Permite establecer el nombre que se utilizará en el código.
Top 1615 Devuelve o establece la distancia entre el borde superior del
objeto y el borde superior de su contenedor.
Visible True Determina si el botón de comando estará visible u oculto.
Width 615 Devuelve o establece el ancho del botón de comando.

4.4 El control CheckBox (Casilla de verificación).- Este control permite presentar


varias opciones de las que el usuario puede elegir una o más de una.

Cuando el usuario seleccione una opción, aparecerá un check dentro de la casilla y la propiedad Value
adoptará el valor 1.

4.4.1 Propiedades del control CheckBox


Propiedad Valor por defecto Comentario
Caption Check1 Descripción que acompaña al control CheckBox.
Enabled True Devuelve o establece un valor que determina si el objeto
puede responder a eventos realizados por el usuario.
Name Check1 Devuelve o establece el nombre del objeto usado en el
código.
Value 0-Unchecked Indica si la casilla de verificación está activada, desactivada
o no disponible (atenuada). Cuando está activada, Value se
establece a 1;cuando no esta activa, Value se establece a 0
Ing. Hermas Herrera Callejas Página : 3 de 25
Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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.

4.4.2 El evento Clic.- Cuando el usuario hace click en el control CheckBox se


desencadena el evento Click. En el procedimiento de este evento se puede realizar
alguna acción según el estado de la casilla de verificación.
La siguiente aplicación permite aplicar el atributo de negrita, cursiva, mayúsculas
y color rojo a una cadena de caracteres.

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

Ing. Hermas Herrera Callejas Página : 4 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

Cuando se ejecute el programa y se active la casilla de verificación Negrita, la


propiedad Value de este control adoptará el valor 1. La estructura de control If...Then
permite ejecutar una acción dada cierta condición. En este caso, si la propiedad Value
es igual a 1, entonces el texto introducido en el cuadro de texto nnTextoPrueba quedará
convertido a negrita; en caso contrario, es decir, si la casilla de verificación es
desactivada, el texto introducido adoptará su aspecto anterior.
En el formulario, hacer doble clic en la casilla de verificación Cursiva y en la
ventana de código digitar el procedimiento nnCursiva_Click:
Private Sub nnCursiva_Click()
If nnCursiva.Value = 1 Then
nnTextoPrueba.Font.Italic = True
Else
nnTextoPrueba.Font.Italic = False
End If
End Sub
El procedimiento nnCursiva_Click es similar al procedimiento anterior con la
diferencia de que el texto introducido en el cuadro quedara convertido a cursiva.
Hacer doble clic en la casilla de verificación Mayúsculas y digitar el siguiente
procedimiento en la ventana de código:
Private Sub nnMayúsculas_Click()
If nnMayúsculas.Value = 1 Then
nnTextoPrueba = UCase(nnTextoPrueba)
Else
nnTextoPrueba = LCase(nnTextoPrueba)
End If
End Sub
La función UCase() convierte una cadena de caracteres a mayúsculas.
La función LCase() convierte una cadena de caracteres a minúsculas.
Hacer doble clic en la casilla de verificación Color Rojo y digitar este
procedimiento:
Private Sub nnColorRojo_Click()
If nnColorRojo.Value = 1 Then
‘Aplica el color rojo a la cadena de caracteres del cuadro de texto nnTextoPrueba.
nnTextoPrueba.ForeColor = RGB(255, 0, 0) ‘Color rojo
Else
‘Aplica el color negro a la cadena de caracteres del cuadro de texto nnTextoPrueba.
nnTextoPrueba.ForeColor = RGB(0, 0, 0) ‘Color negro
End If
End Sub
La función RGB permite especificar un color cualquiera. Su sintaxis es:
RGB(rojo%, verde%, azul%)
Los tres parámetros son enteros en el rango de 0 a 255 que especifican un nivel
de color rojo, verde y azul respectivamente.
Hacer doble clic en el botón de comando Salir y en el procedimiento
nnSalir_Click digitar el comando End. Cuando se haga clic en el botón Salir finalizará la
ejecución del programa.
Private Sub nnSalir_Click()
End
End Sub
Ing. Hermas Herrera Callejas Página : 5 de 25
Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

Guardar el formulario con el nombre Casillas_de_verificación.frm y la aplicación


con el nombre Casillas_de_verificación.vbp.
Presionar la tecla F5 para ejecutar el programa. Introducir una frase en el cuadro
de texto y activar la casilla de verificación Color Rojo. Observar que ahora el texto es de
color rojo. Si se vuelve a hacer clic en la casilla, el texto adoptará su color anterior.

4.5 El control OptionButton (Botón de opción).- Este control permite mostrar


múltiples opciones de las que el usuario solo puede elegir una. A diferencia de las
casillas de verificación, los botones de opción deben funcionar siempre como parte de
un grupo; al activar un botón de opción se desactivan de inmediato todos los demás
botones del grupo.

Utilizar el control OptionButton cuando se quiera presentar varias opciones de las cuales el usuario solo
puede elegir una.

4.5.1 Propiedades del control OptionButton


Propiedad Val p/defecto Comentario
Caption Optionl Descripción que acompaña al control OptionButton.
Enabled True Devuelve o establece un valor que determina si el control esta
habilitado para responder a eventos realizados por el usuario.
Name Option1 Devuelve o establece el nombre del control usado en el código.
Value False Indica si el botón de opción está activado o desactivado. Cuando
está activado, Value se establece a True; si no lo está, Value se
establece a False.
Visible True Devuelve o establece un valor que determina si el botón de opción
está visible u oculto.

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

Ing. Hermas Herrera Callejas Página : 6 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

OptionButton Name nnTamaño12


Caption 12
Label Name Labell
Caption Introduzca un texto de prueba en la caja de texto y seleccione un
tamaño de fuente.
CommButton Name nnSalir
Caption Salir
Guardar el formulario con el nombre Opciones.frm y la aplicación con el nombre
Opciones.vbp.
Cuando el usuario seleccione una de las opciones “8”, “10” o “12”, se producirá el
evento Click asociado con ese control que hará que el texto introducido en el cuadro de
texto nnTextoPrueba se visualice con el tamaño 8,10 o 12 puntos, respectivamente.
En el formulario, hacer doble clic en el botón de opción “8”. En la ventana de
código, digitar el siguiente código:
Private Sub nnTamaño8_Click()
If nnTamaño8.Value = True Then nnTextoPrueba.Font.Size = 8
End Sub
Cuando el usuario ejecute el programa y active el botón de opción “8”, la
propiedad Value de este control adoptará el valor True (Verdadero) y se desencadena
el evento Click de este control. En el procedimiento, si la propiedad Value del control es
True, el tamaño del texto introducido en el cuadro nnTextoPrueba se establece a 8.
En el formulario, hacer doble clic en el botón de opción “10”. En la ventana de
código, digitar el siguiente código:
Private Sub nnTamañol0_Click()
If nnTamañol0.Value = True Then nnTextoPrueba.Font.Size = 10
End Sub
En el formulario, hacer doble clic en el botón de opción “12”. En la ventana de
código, digitar el siguiente código:
Private Sub nnTamaño12_Click()
If nnTamaño12.Value = True Then nnTextoPrueba.Font.Size = 12
End Sub
En el formulario, hacer doble clic en el botón de comando Salir. Digitar la
instrucción End en el procedimiento que muestra la ventana de código:
Private Sub nnSalir_Click()
End
End Sub

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.

Ing. Hermas Herrera Callejas Página : 7 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

4.6.1 Propiedades del control Frame


Propiedad Valor p/defecto Comentario
Caption Frame1 Descripción que acompaña al control Frame.
Name Frame1 Nombre del control usado en el código.
Visible True Devuelve o establece un valor que determina si el botón de opción
está visible u oculto.

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.

Utilizar el control ListBox para visualizar un conjunto de elementos de los cuales


el usuario puede elegir uno.

4.7.1 Propiedades del control ListBox


Propiedad Descripción
Enabled True/False. Devuelve o establece un valor que determina si el control está
habilitado para responder a eventos realizados por el usuario.
Columns Devuelve o establece un valor que determina si un control ListBox se desplaza
verticalmente en una única columna (valor 0) u horizontalmente en columnas
periódicas (valores mayores que 0).
List Un arreglo que contiene los elementos de la lista, comienza con índice 0.

Ing. Hermas Herrera Callejas Página : 8 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

ListCount Número total de elementos de la lista.


Listlndex Contiene el índice del elemento seleccionado, que es un número entre 0 (primer
elemento) y el número total de elementos en la lista -1 (ListCount - 1). El valor
de Listlndex será –1 si no se selecciona ningún elemento.
MultiSelect Determina cómo puede seleccionar el usuario los elementos de la lista. Valores
de la propiedad MultiSelect:
0 No se permiten selecciones múltiples (defecto).
1 Selección múltiple sencilla. Se selecciona o se desactiva una entrada
mediante un clic del mouse (o pulsando la tecla de espaciado). Para mover el
enfoque a otro elemento se usan las teclas del cursor.
2 Selección múltiple extendida. Para expandir la selección se utiliza la tecla
Shift mientras se hace clic con el mouse. De esta forma se resaltan los
elementos que hay entre el primero seleccionado y el actual. Si se pulsa la
tecla Ctrl y se hace clic, se selecciona o se desactiva una entrada en la lista.
Name Devuelve o establece el nombre del control usado en el código.
NewIndex Contiene el índice del último elemento añadido a la lista. Es útil si se desea
hacer algo con el elemento añadido, por ejemplo, que sea el elemento
actualmente seleccionado.
Selected Arreglo de valores lógicos paralelo y del mismo tamaño al arreglo List, indica qué
elementos se han seleccionados (True) de la lista. Se utiliza en lugar de ListIndex
cuando se establece la propiedad Multiselect en 1 o 2.
Sorted True/False. Establece si los elementos se ordenan alfabéticamente.
Style Apariencia del control. Puede tener valores 0 (Estándar) o 1 (CheckBox).

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:

Ing. Hermas Herrera Callejas Página : 9 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

La siguiente tabla muestra las propiedades de los controles incluidos en la interfaz:


Control Propiedad Valor
ListBox Name nnPaises
Columns 0
Sorted True
Label Name nnLabel1
Caption Pais seleccionado
TextBox Name nnPaisSelec
Text ““
CommandButtom Name nnAñadirElemento
Caption Añadir nuevo elemento
CommandButtom Name nnEliminarElemento
Caption Eliminar elemento
CommandButtom Name nnSalir
Caption Salir
Guardar el formulario con el nombre ListadePaises.frm y la aplicación con el
nombre ListadePaises.vbp.
En el formulario, hacer doble clic en el cuadro de lista nnPaíses. En la ventana
de código, digitar el siguiente código:
Private Sub nnPaises_Click()
‘Muestra en el cuadro de texto nnPaisSelec el elemento seleccionado del cuadro de
lista nnPaises
If nnPaises.ListIndex <> -1 Then
nnPaisSelec.Text = nnPaises.List(nnPaises.ListIndex)
End If
End Sub
Hacer doble clic en el botón de comando “Añadir nuevo elemento” y digitar el
siguiente código en la ventana de código:
Private Sub nnAñadirNuevoElemento_Click()
‘Añade un nuevo elemento al cuadro de lista nnPaises
Dim nnElementoNuevo As String
nnElementoNuevo = InputBox("Ingrese un nuevo País:", "Nuevo País")
If Len(Trim(nnElementoNuevo)) > 0 Then
nnPaises.AddItem nnElementoNuevo
End If
End Sub
Hacer doble clic en el botón de comando ‘Eliminar elemento’ y en la ventana de
código digitar:
Private Sub nnEliminarElemento_Clic()
‘Elimina un elemento del cuadro de lista nnPaises
If nnPaises.ListIndex <> -1 Then
nnPaises.RemoveItem nnPaises.ListIndex
nnPaisSelec.Text = “ “
End If
End Sub
Hacer doble clic en el botón de comando Salir y en la ventana de código, entre
las sentencias Private Sub nnSalir_Clic() y End Sub, digitar el comando End.
Presionar la tecla F5 para ejecutar el programa. Hacer clic en el botón “Añadir
nuevo elemento” y en el cuadro de mensaje que aparece ingresar el nombre de un país.

Ing. Hermas Herrera Callejas Página : 10 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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’.

4.8 El control ComboBox (Cuadro Combinado).- El control ComboBox es una


combinación del control TextBox (cuadro de texto) y un control ListBox (cuadro de lista).
Este control permite que el usuario seleccione un elemento; para ello, escribir el texto
en el cuadro de texto o seleccionar un elemento en la lista.
Hay tres estilos de cuadros combinados: Cuadro combinado desplegable
(Style=0-Dropdown Combo), cuadro combinado simple (Style=1-Simple Combo) y el
cuadro de lista desplegable (Style=2-Dropdown List).
Cuadro combinado desplegable. Cuadro combinado simple. Cuadro combinado de lista desplegable.

4.8.1 Propiedades del control ComboBox


Propiedad Descripción
Enabled True/False. Devuelve o establece un valor que determina si el control está
habilitado para responder a eventos realizados por el usuario.
List Es un arreglo que contiene los elementos de la lista, comienza con índice 0.
ListCount Número total de elementos de la lista.
ListIndex Contiene el índice del elemento seleccionado, el cual es un número entre 0 (primer
elemento) y el número total de elementos en la lista -1 (ListCount-1). El valor de
ListIndex será-1 si no se selecciona ningún elemento.
Name Devuelve o establece el nombre del control usado en el código.
NewIndex Contiene el índice del último elemento añadido a la lista.
Sorted True/False. Ordena alfabéticamente los elementos de la lista.
Style Establece el comportamiento del control ComboBox. Puede tomar los siguientes
valores:
0-Dropdown Combo.- Cuadro combinado desplegable. Incluye una lista
desplegable y un cuadro de texto. El usuario puede escribir texto directamente en
el cuadro de texto o hacer clic en la flecha de la parte derecha del cuadro
combinado para abrir una lista de opciones.
1-Simple Combo.- Cuadro combinado simple. Incluye un cuadro de texto y una
lista que se presenta siempre. El usuario puede seleccionar datos en la lista o
escribir en el cuadro de texto. Al igual que el cuadro combinado desplegable,

Ing. Hermas Herrera Callejas Página : 11 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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

Ing. Hermas Herrera Callejas Página : 12 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

CommandButton Name nnSalir


Caption Salir
Asociar un procedimiento al botón nnAñadirElemento accionado por el suceso
Click. Cuando el usuario haga clic en este botón, el programa debe solicitar el ingreso
de un nuevo elemento y adicionarlo al control nnFrutas.
1. En el formulario, hacer doble clic en el botón de comando nnAñadirElemento. La
ventana de código abre el procedimiento nnAñadirElemento_Click.
2. Digitar el siguiente código:
Private Sub nnAñadirElemento_Click()
Dim NuevoElemento As String
NuevoElemento = InputBox(”Ingrese una nueva fruta”, “Nueva Fruta”)
If Len(Trim(NuevoElemento)) > 0 Then nnFrutas.AddItem NuevoElemento
End If
End Sub
Asociar un procedimiento al botón nnEliminarElemento accionado por el suceso
Click. Cuando el usuario haga clic en este botón, el programa debe eliminar el elemento
seleccionado en el cuadro combinado nnFrutas.
1. Hacer doble clic en el botón de comando nnEliminarElemento.
2. En la ventana de código, digitar el siguiente código:
Private Sub nnEliminarElemento_Click()
If nnFrutas.ListIndex <> -1 Then
nnFrutas.RemoveItem nnFrutas.ListIndex
nnFrutas.Text = “ “
nnFrutaSelec.Text = “ “
End If
End Sub
Asociar un procedimiento al cuadro combinado nnFrutas accionado por el suceso
Change. Cuando el usuario realice cualquier cambio en el control nnFrutas, el cuadro
de texto nnFrutaSelec debe reflejar los cambios realizados.
1. Hacer doble clic en el control nnFrutas. La ventana de código abre el procedimiento
nnFrutas_Change.
2. Digitar el siguiente código:
Private Sub nnFrutas_Change()
nnFrutaSelec.Text = nnFrutas.Text
End Sub
Asociar un procedimiento al cuadro combinado nnFrutas accionado por el suceso
Click. En la ventana de código, desplegar el cuadro de lista Procedimientos y en la lista
de sucesos que puede reconocer el control ComboBox, seleccionar el suceso Click, tal
como lo muestra la siguiente ilustración:
Cuadro de lista Procedimientos

Ing. Hermas Herrera Callejas Página : 13 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

Observar que ahora la ventana de código muestra el procedimiento


nnFrutas_Click. Es en este procedimiento que se escribe el código que mostrará en el
cuadro de texto nnFrutaSelec el elemento seleccionado en el cuadro combinado
nnFrutas
Private Sub Frutas_Click()
‘Muestra en el cuadro de texto el elemento seleccionado del cuadro combinado
nnFrutas
If nnFrutas.Listlndex <> -1 Then
If nnFrutas.Text <> “ ” Then
nnFrutaSelec.Text = nnFrutas.List(nnFrutas.ListIndex)
Else
nnFrutaSelec.Text = “ “
End If
End If
End Sub
Hacer doble clic en el botón de comando Salir y digitar el comando End para
finalizar la ejecución del programa:
Private Sub nnSalir_Click()
‘Finaliza la ejecución del programa.
End
End Sub

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:

Asignar las siguientes propiedades a cada uno de los controles:


Control Propiedad Valor
Form Caption Reloj Digital Intermitente
Label Name nnHora

Ing. Hermas Herrera Callejas Página : 14 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

Alignment 2-Center
Caption ““
Font Arial, Negrita, 18 puntos
Tag Mostrar Hora
Timer Name nnTimer1
Interval 500
Enabled True

Asociar un procedimiento al control Timer.


1. En el formulario, hacer doble clic en el control Timer. La ventana de código abre el
procedimiento Timer1_Timer.
Timer1_Timer indica que el procedimiento está conectado con el control Timer1 y
que será ejecutado cuando se produzca el suceso Timer en cada inlervalo de tiempo.
2. Entre Private Sub Timer1_Timer y End Sub escribir las siguientes sentencias:
If nnHora.Tag = "Mostrar Hora" Then
nnHora.Caption = Time$
nnHora.Tag = ""
Else
nnHora.Caption = ""
nnHora.Tag = "Mostrar Hora"
End If
Dado que en la propiedad Interval del control Timer introducimos el valor 500, el
procedimiento Timen1_Timer se ejecutará cada medio segundo. La propiedad Tag del
control nnHora se inicializó a “Mostrar Hora” de manera que cuando se ejecute el
procedimiento la expresión nnHora.Tag = “Mostrar Hora” será verdadera y se
ejecutarán las siguientes líneas:
nnHora.Caption = Time$
nnHora.Tag = “ “
En la primera línea, la función Time obtiene la hora del reloj del sistema y ésta es
asignada a la propiedad Caption del control nnHora, mostrándonos la hora. En la
segunda línea, el valor de la propiedad Tag es cambiado por el valor “ “ de manera que,
cuando el procedimiento Timer1 _Timer se vuelva a ejecutar, la expresión “nnHora.Tag
= “Mostrar Hora”” será falsa por lo que se ejecutarán las siguientes líneas:
nnHora.Caption = “ “
nnHora.Tag = “Mostrar Hora”
En la primera línea, se borra el texto de la propiedad Caption del control nnHora;
en la segunda línea, el valor inicial de la propiedad Tag es restablecido.
Presionar la tecla F5 para ejecutar el programa. El efecto resultante es que el
programa nos mostrará la hora segundo a segundo.

4.10 Los controles HScrollBar y VScrollBar (Barras de Desplazamiento Horizontal


y Vertical).- Se utilizan con frecuencia para seleccionar un valor entre los dos
extremos del control.

Ing. Hermas Herrera Callejas Página : 15 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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:

La siguiente tabla muestra las propiedades de los controles incluidos en el


Ing. Hermas Herrera Callejas Página : 16 de 25
Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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

abre el procedimiento nnAzul_Scroll. Digitar el siguiente código:


Private Sub nnAzul_Scroll()
azul = nnAzul.Value
rojo = nnRojo.Value
verde = nnVerde.Value
nnColores.BackColor = RGB(rojo, verde, azul)
End Sub
Asociar un procedimiento a la barra de desplazamiento nnRojo accionado por el
suceso Change. Cuando el usuario haga clic en el área que hay entre el cuadro de
desplazamiento y las flechas o en las flechas mismas, el color rojo que muestra el
control PictureBox 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 Change. La
ventana de código abre el procedimiento nnRojo_Change
2. Digitar el siguiente código:
Private Sub nnRojo_Change()
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 Change. Digitar el siguiente
código:
Private Sub nnVerde_Change()
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 Change. Digitar el siguiente
código:
Private Sub nnAzul_Change()
azul = nnAzul.Value
rojo = nnRojo.Value
verde = nnVerde.Value
nnColores.BackColor = RGB(rojo, verde, azul)
End Sub
Ejecutar el programa y desplazar el cuadro de desplazamiento de cada una de
las barras.

4.11 Creación de menús.- La mayoría de las aplicaciones para Windows se


caracterizan por tener una barra de menús, desde la cual el usuario puede ejecutar de
manera fácil un comando. Cuando se pulsa sobre el nombre de un menú se despliega
un cuadro de lista en el que aparecen una serie de opciones. La mayoría de las
opciones se ejecutan inmediatamente después de ser pulsadas (por ejemplo cuando el
usuario selecciona la opción Copiar del menú Edición, la información seleccionada es
copiada inmediatamente en el portapapeles de Windows); otras, cuyos nombres
Ing. Hermas Herrera Callejas Página : 18 de 25
Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

aparecen seguidos de puntos suspensivos, muestran un cuadro de dialogo solicitando


más información al usuario antes de que la opción se ejecute, también hay opciones
que tienen una flecha y al apuntar la misma se despliega una nueva lista que constituye
un submenú de nivel inferior. En este capitulo se verá cómo crear y diseñar menús
personalizados para la aplicación y definir sus propiedades de manera fácil y sencilla
utilizando el Editor de menús, una herramienta de fácil manejo.
Para visualizar el Editor de menús hacer clic en el comando Editor de menús del
menú Herramientas. Visual Basic muestra el Editor de menús:

4.11.1 Opciones del Editor de menús


Opción Descripción
Caption En este recuadro se escribe el nombre del comando o del menú que desea
que aparezca en la barra de menús o en un submenú. Para dar al usuario
acceso a través del teclado a un elemento de menú, escribir el signo &
delante de una letra. En tiempo de ejecución, esta letra aparecerá subrayada
(el signo & no será visible) y el usuario tendrá acceso al menú o al comando
si presiona la tecla Alt y la correspondiente a la letra subrayada.
Name En este recuadro se escribe un nombre de control para el elemento del
menú. El nombre de control es un identificador que sólo se utiliza para tener
acceso al elemento del menú en el código, no aparece en ningún menú.
Index Permite asignar un valor numérico que determina la posición del control en
una matriz de controles. Esta posición no tiene ninguna relación con la
ubicación del control en la pantalla.
Shortcut Permite seleccionar una tecla de método abreviado para cada comando.
HelpContexID Permite asignar un valor numérico único para el Id. de contexto. Este valor se
utiliza para encontrar el tema de Ayuda apropiado en el archivo de Ayuda
identificado mediante la propiedad HelpFile.
NegotiatePosition Permite seleccionar la propiedad NegotiatePosition del menú. Esta propiedad
determina si el menú aparece o no en un formulario contenedor y como
aparece.
Checked Permite hacer que aparezca inicialmente una marca de verificación a la
izquierda de un elemento del menú. Se utiliza normalmente para indicar si
una opción de alternar está activada o no.

Ing. Hermas Herrera Callejas Página : 19 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

Enabled Permite seleccionar si el elemento del menú debe responder a eventos.


Desactivar esta opción si se desea que el elemento del menú no esté
disponible y aparezca atenuado.
Visible Permite hacer que un elemento aparezca en el menú.
WindowList Determina si el control del menú contiene una lista de formularios
secundarios MDI abiertos en una aplicación MDI.
Pasa el menú seleccionado a un nivel inferior cada vez que se hace clic en el
botón. Se puede crear hasta cuatro niveles de submenús.
Pasa el menú seleccionado a un nivel superior cada vez que se hace clic en
el botón. Se puede crear hasta cuatro niveles de submenús.
Cada vez que se hace clic en este botón, el elemento seleccionado del menú
se mueve hacia arriba una posición dentro del mismo nivel de menú.
Cada vez que se hace clic en este botón, el elemento seleccionado del menú
se mueve hacia abajo una posición dentro del mismo nivel de menú.
Lista Menús Es un cuadro de lista que muestra en orden jerárquico todos los elementos
del menú. Los elementos de los submenús aparecen indentados para indicar
su ubicación o su nivel en la jerarquía.
Selecciona la línea siguiente.
Inserta una línea en el cuadro de lista, inmediatamente encima de la línea
actualmente seleccionada.
Elimina la línea actualmente seleccionada.
Cierra el Editor de menús y aplica todos los cambios efectuados en el Ultimo
formulario seleccionado.
Cierra el Editor de menús y cancela todos los cambios.
Desarrollar un programa con una interfaz que permita seleccionar comandos
utilizando una barra de menús. La interfaz debe tener el siguiente aspecto:

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.

Ing. Hermas Herrera Callejas Página : 20 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

4. Ingresar los datos en el Editor de menús:


En el cuadro de texto Caption escribir el nombre del menú que desea crear. En
este caso, escribir &Formato. El signo Ampersand (&) indica que la siguiente letra
aparecerá subrayada (Formato) con la finalidad de acceder a esta opción mediante la
combinación de las teclas Alt+F. En el cuadro de texto Name escribir nnFormato para
hacer referencia al menú en el código del programa. A continuación, hacer clic en el
botón Siguiente para crear el menú especificado.
La siguiente tabla muestra los elementos ingresados en el formulario y en el
editor de menús:
Control Propiedad Valor
TextBox Name nnTexto1
Text “ “
Caption Name Shortcut
&Formato nnFormato
&Fuente nnFuente
&Arial nnFuenteArial Ctrl + A
&Comic Sans MS nnFuenteComicSans Ctrl + C
C&ourier nnFuenteCourier Ctrl + O
&Tamaño nnTamaño
10 nnTamaño10
12 nnTamaño12
14 nnTamaño14
- LineaSeparadora
&Salir nnSalir Ctrl + S
&Varios nnVarios
&Reloj nnReloj Ctrl + R
&Calculadora nnCalculadora Ctrl + C
&Naipes nnNaipes Ctrl + N
El Editor de menús debe tener el siguiente aspecto:

5. Dado que Fuente es un submenú del menú Formato, es necesario diferenciarlos.


Para ello, hay que sangrar o indentar el submenú. Para sangrar el submenú Fuente,
desplazar el puntero del mouse sobre el submenú y hacer clic para seleccionarlo (el
submenú queda resaltado sobre un fondo azul). A continuación, hacer clic en el botón
flecha hacia la derecha .

Ing. Hermas Herrera Callejas Página : 21 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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:

4. Finalmente hacer clic en el botón Aceptar.


Luego de haber terminado con el diseño de la barra de menús, el siguiente paso
consiste en asociar un procedimiento a cada una de las opciones.
Hacer clic sobre el menú Formato, situar el puntero del mouse en el submenú
Fuente y hacer clic en la opción Arial; la ventana de código se abre mostrando el
procedimiento nnFuenteArial_Click. Digitar el siguiente código:
Private Sub nnFuenteAniaLClick()
'Convierte a Arial el texto contenido en el control TextBox
nnTexto1.Font.Name = "Arial"
End Sub

Ing. Hermas Herrera Callejas Página : 22 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

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

El argumento orden$ está formado por la ruta y el nombre de la orden o del


programa que se desea ejecutar y n es un valor entero (1,2,3,4,7) que hace que el
proceso ejecutado se presente en una ventana normal, minimizada o maximizada,
enfocada o sin enfocar. La función retorna un valor id que identifica el programa
arrancado e indica si se ejecutó satisfactoriamente. Este valor normalmente no es
utilizado
En el menú Varios, hacer clic en la opción Calculadora. La ventana de código se
abre mostrando el procedimiento nnCalculadora_Click. Digitar el siguiente código:
Private Sub nnCalculadora_Click()
Ejecuta la aplicación Calc.exe de MS Windows
id = Shell("C:\Windows\Calc.exe", 1)
End Sub
Hacer clic en la opción Naipes del menú Varios. La ventana de código muestra el
procedimiento naipes_Click. Digitar el siguiente código:
Private Sub nnNaipes_Click()
'Ejecuta la aplicación Sol.exe de MS Windows
id = Shell("C:\Windows\Sol.exe", 1)
End Sub
Asociar un procedimiento al control TextBox accionado por el suceso MouseUp.
Cuando el usuario pulse el botón derecho del mouse sobre el control TextBox, un menú
contextual debe aparecer sobre el control mostrando todas las opciones del menú
Formato. Un menú contextual se caracteriza porque no está fijo en un lugar del
formulario, puede aparecer en cualquier lugar. En las aplicaciones Windows estos
menús se visualizan cuando se pulsa con el botón derecho del mouse sobre un
formulario o control. Para invocar a un menú contextual se utiliza la función PopupMenu
1. Hacer doble clic en el control TextBox. En la ventana de código, desplegar el cuadro
de lista Procedimientos y seleccionar el suceso MouseUp. La ventana de código abre el
procedimiento nnTexto_MouseUp.
2. Digitar el siguiente código:
Private Sub nnTexto_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single)
‘Cuando en el cuadro de texto se presione el boton 2
If Button = 2 Then PopupMenu nnFormato
End Sub
Presionar la tecla F5 para ejecutar el programa. En el cuadro de texto digitar
cualquier texto. Luego, hacer clic con el botón derecho del mouse para visualizar el
menú contextual con las opciones del menú Formato. Seleccionar una opción del menú
contextual.

Ing. Hermas Herrera Callejas Página : 24 de 25


Computación para Ingeniería I y Laboratorio Cap. 4 – Visual Basic – Controles Básicos

4.11.2 Orden de la tabulación de los controles.- El orden de tabulación es el orden


en que el usuario se desplaza de un control a otro pulsando la tecla Tab en tiempo de
ejecución. Por omisión, el orden de tabulación es igual al orden en que los controles
han sido colocados en el formulario.

4.11.3 Cambiar el orden de tabulación de los controles.- Para cambiar el orden de


tabulación de los controles, utilizar la propiedad TabIndex de cada control. El valor de
esta propiedad va desde 0 hasta n-1, siendo n el número de controles que tiene el
formulario.
Los controles que no pueden obtener el enfoque, al igual que los controles
desactivados o invisibles, no tienen la propiedad TabIndex y no están incluidos en el
orden de tabulación. Cuando el usuario presione la tecla Tab, estos controles serán
ignorados.

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.

4.11.5 Tecla de acceso rápido a un control.- Si el control tiene la propiedad Caption,


se le puede asignar una tecla de acceso rápido para seleccionar el control. Para
especificar la tecla de acceso rápido se debe resaltar un carácter de la cadena en la
propiedad Caption. Por ejemplo, si el valor de la propiedad Caption es la cadena
Usuario, y si se desea definir la tecla S como la de acceso rápido, se deberá establecer
la propiedad Caption asi: U&suario. El texto en el control se vera así: Usuario.
Para acceder al control usando la tecla de acceso rápido se deberá pulsar la
combinación Alt + tecla de acceso. Para nuestro ejemplo será: Alt+S. Algunos
controles, tales como el control TextBox, no tienen la propiedad Caption. Para crear una
tecla de acceso para esos controles:
1. Colocar un control Label cerca al otro control.
2. Establecer la propiedad Caption del control Label para contener la tecla de acceso
apropiada.
3. Establecer, para el control Label, un valor de orden de tabulación menor en una
unidad que el del otro control.
Cuando se pulse Alt + tecla de acceso del control Label, el enfoque se moverá
hacia el otro control debido a que el control Label no puede recibir el enfoque.

Ing. Hermas Herrera Callejas Página : 25 de 25

También podría gustarte