Formulario y Controles Básicos PDF

Herramientas de Desarrollo de Software
Visual Basic .NET
Formulario y Controles Bsicos
Autor:
Ing. Wilson Gerardo Cardoza Llontop
Email:
wicarllon@hotmail.com
Derechos reservados
El Formulario
Para crear una aplicacin en Visual Basic .NET lo primero que tenemos que hacer es
crear la interfaz, es decir la parte visual de la aplicacin con la que va a interactuar el
usuario. Los formularios y controles son los elementos de desarrollo bsicos que se
usan para crear la interfaz; son los objetos con los que se trabaja para desarrollar la
aplicacin.
El objeto Formulario es el contenedor principal de toda la aplicacin para Windows y
se encuentra dentro del espacio de nombres: System.Windows.Forms
En Visual Basic .NET, los formularios clsicos reciben el nombre de Windows Forms o
WinForms.
Propiedades importantes del formulario:

Name: Se utiliza para colocarle un nombre al formulario, emplearemos el
prefijo Frm.
Text: Se utiliza para darle un ttulo al formulario.
Forecolor: Se utiliza para darle el color al texto que se utilice en primer plano
en el formulario.
MinimizeBox: Se utiliza para desactivar o quitar el botn minimizar del

formulario. Presenta dos valores: True o False.
MaximizeBox: Se utiliza para desactivar o quitar el botn maximizar del
formulario. Presenta dos valores: True o False.
Icon: Indica el icono del formulario, este se muestra en la barra de ttulo de la
ventana y en la barra de tareas de Windows.
ShowIcon: Indica si se muestra o se oculta el icono en la barra de ttulo del
formulario dependiendo de si el valor es True o False respectivamente.
True
False
WindowState: Determina la forma en que se presentar el formulario al

ejecutarse, puede ser: Normal, Minimizada o Maximizada.
BackgroundImage: Permite colocarle una imagen de fondo al formulario. Al
seleccionar esta propiedad hacemos clic en su botn y se presenta la siguiente
ventana, en la cual se debe hacer clic en el botn Importar y luego buscar y
seleccionar la imagen deseada, finalmente debe dar clic en el botn Aceptar.
El formulario con la imagen se mostrara de la siguiente manera:
BackgroundImageLayout: Esta propiedad es un complemento de la

propiedad BackgroundImage ya que permite ajustar la imagen de diferentes
formas, por defecto muestra el valor Tile, pero puede configurar la imagen con
cualquiera de sus valores.
Por ejemplo si utiliza el valor Stretch la imagen se ajusta al tamao que tiene el
formulario. El formulario ahora mostrara la imagen completa.
Nota Importante: Al agregar una imagen automticamente en el Explorador de

soluciones aparece una carpeta llamada Resources, la cual contendr las
diferentes imgenes que agreguemos a nuestra aplicacin.
StartPosition: Determina la posicin del formulario en la pantalla cuando

aparece por primera vez. Presenta los siguientes valores:
Backcolor: Se utiliza para darle un color de fondo al formulario.
Opacity: Es una nueva propiedad, que indica la forma de visualizacin del

formulario, que puede ser desde opaco equivalente al 100% hasta transparente
equivalente al 0%.
ControlBox: Esta propiedad se utiliza para controlar los botones de la barra de
ttulo adems de su icono. Si est en True muestra los botones Minimizar,
Maximizar, Cerrar y el icono, en caso de estar en False los oculta.
True
False
IsMdiContainer: Determina si el formulario es un contenedor MDI (Interfaz de

Documento Mltiple).
Font: Utilizada para cambiar el tipo, el estilo y el tamao de la letra, adems

podemos configurar el texto para que aparezca subrayado o tachado.
TopMost: Indica si el formulario aparece siempre por encima delresto de

formularios de la aplicacin que no tienen esta propiedad establecida en true.
Cursor: Especifica el cursor que aparecer al situar el mouse sobre el
formulario.
FormBorderStyle: Indica la apariencia y el comportamiento del borde y de la

barra de ttulo del formulario. Presenta las siguientes opciones:
Eventos importantes del formulario:

Load: Se produce al cargar los controles sobre el formulario.
Activated: Ocurre al activarse el formulario.
Closed: Se habilita al cerrar el formulario.
Closing: Ocurre mientras se est cerrando el formulario.
Click: Se desencadena al dar clic sobre el formulario.
DoubleClick: Se desencadena al dar doble clic sobre el formulario.,
Deactivate: Ocurre al desactivarse el formulario.
GotFocus: Ocurre al ingresar el foco sobre el formulario.
LostFocus: Ocurre cuando el formulario pierde el foco.
Paint: Ocurre al pintarse la ventana en pantalla.
Resize: Ocurre cada vez que se modifica de tamao el formulario.
Convenciones para el nombre de los objetos: Prefijos

Es recomendable utilizar convenciones para el nombre de los objetos (formularios y
controles), es decir que al momento de dar lectura al cdigo sea ms fcil de entender
y comprender, por lo que el establecimiento de convenciones ayuda a identificar qu
control se emple. Es decir si por ejemplo si se utiliza un control Button emplee
siempre como prefijo Btn despus compltelo con un nombre descriptivo acorde a la
funcionalidad que este tendr.
A continuacin se muestran los prefijos utilizados de algunos controles:
Objeto
Prefijo
Form
Frm
Label
Lbl
Button
Btn
TextBox
Txt
GroupBox
Gbx
RadioButton
CheckBox
ListBox
ComboBox
CheckedListBox
Rbn o Rb
Chk
Lb o Lst
Cbo
Chklb o ChkLst
Timer
Tmr
PictureBox
Pic
DateTimePicker
Dtp
FontDialog
Fdg
ColorDialog
Cdg
OpenFileDialog
Odg
SaveFileDialog
Sdg
FolderBrowseDialog
Fbdg
MenuStrip
Mns
ContextMenuStrip
CMns
NumericUpDown
Nud
Listview
Lv
TreeView
Tv
Nota Importante: Tener en cuenta que al momento de asignarle un nombre a los

objetos no debe dejar espacios en blanco.
Control Label
Un control Label o etiqueta es un control que muestra texto informativo, que los
usuarios no pueden editar directamente.
Propiedades importantes del control Label:

Name: Mediante esta propiedad le asignamos un nombre a la etiqueta, se
utilizar el prefijo Lbl.
Text: Se utiliza para colocarle texto a la etiqueta.
TextAlign: Determina la posicin del texto dentro de la etiqueta. Por defecto el

texto se coloca en la posicin TopLeft. Presenta nueve formas de alineacin.
MiddleCenter
TopLeft
TopCenter
TopRight
MiddleLeft
MiddleRight
BottomLeft
BottonRight
BottomCenter
Para poder visualizar mejor los efectos de esta propiedad, primero debemos de
colocar la propiedad AutoSize de la etiqueta a False, luego procedemos a
estirar un poco ms grande el tamao de la etiqueta.
A continuacin presentamos algunos ejemplos:

TopCenter
MiddleCenter
BottomLeft
BottomRight
Enabled: Habilita o deshabilita una etiqueta. Presenta dos valores: True o

False.
Locked: Determina si se puede mover o cambiar el tamao de la etiqueta.
Presenta dos valores: True o False.
Dock: Esta propiedad nos proporciona la posibilidad de acoplar la etiqueta a

uno de los bordes del formulario, consiguiendo que dicho control permanezca
pegado a ese borde del formulario en todo momento. Puede ser arriba (Top),
abajo (Bottom), izquierda (Left), derecha (Right) y centro (Fill).
Top
Left
Right
Fill
Bottom
BorderStyle: Controla la apariencia del borde de la etiqueta. Presenta los

siguientes valores:
None
FixedSingle
Fixed3D
Cursor: Especifica el cursor que aparece al situar el mouse sobre la etiqueta.
Visible: Permite la visualizacin o no de la etiqueta al momento de ejecutarse.
10
Anchor: Nos permite anclar la etiqueta a uno o varios bordes del formulario.
Cuando anclamos un control a un borde, la distancia entre el control y dicho
borde ser siempre la misma, aunque redimensionemos el formulario.
Top, Left
Las zonas de color gris oscuro representan los bordes de la etiqueta que ya
estn anclados a los bordes del formulario. Debemos marcar y desmarcar
respectivamente estos elementos segn los bordes que necesitamos anclar.
Por defecto, los controles se encuentran inicialmente anclados a los bordes:
superior (Top) e izquierdo (Left).
Image: Mediante esta propiedad seleccionamos la imagen que queremos
mostrar en la etiqueta.
AutoSize: Ajusta el texto al tamao de la etiqueta. Presenta dos valores: True

o False.
Font: Utilizada para cambiar el tipo, el estilo y el tamao del texto de la
etiqueta, adems podemos configurar el texto para que se muestre subrayado
o tachado.
ForeColor: Se utiliza para darle el color al texto de la etiqueta.
BackColor: Se utiliza para darle color al fondo de la etiqueta.
ImageAlign: Esta propiedad permite alinear la imagen, por defecto la imagen
se coloca en la posicin MiddleCenter. Se puede seleccionar entre nueve
opciones.
11
MiddleCenter
Al igual que la propiedad TextAlign en esta propiedad es recomendable que

para poder ver los efectos la propiedad AutoSize debe estar en False.
Aqu mostramos algunos ejemplos:
MiddleCenter
BottomCenter
MiddleRight
BottomLeft
ContextMenuStrip: Esta propiedad se utiliza para especificar el nombre del

control ContextMenuStrip que antes ha tenido que ser colocado y configurado,
de tal manera que al hacer anticlic sobre el control Label se muestre un men
contextual. El control ContextMenuStrip es materia de estudio en otro captulo.
Eventos importantes del control Label:

Click: Este evento se desencadena al dar clic sobre la etiqueta.
DoubleClick: Se desencadena al dar doble clic con el mouse sobre la etiqueta.
Enter o GotFocus: Ocurren al ingresar el foco sobre la etiqueta
Leave o LostFocus: Ocurren al salir el foco de la etiqueta.
MouseEnter: Se habilita al ingresar el mouse sobre la etiqueta.
MouseLeave: Se habilita al salir el mouse la etiqueta.
MouseMove: Se desencadena al pasar el mouse sobre la etiqueta.
12
Control Button
Un control Button o botn de pulsacin es aquel que se utiliza para iniciar, detener o
interrumpir un proceso.
Propiedades importantes del control Button:

Name: Esta propiedad se utiliza para establecerle un nombre al botn, se
utilizar el prefijo Btn.
Text: Se utiliza para colocarle texto al botn.
Puede utilizar la propiedad Text para crear teclas de acceso directo en los
botones si coloca el carcter & delante de la letra que quiere utilizarcomo tecla
de acceso directo.
Por ejemplo en el siguiente formulario aparece subrayadala letra S, ya que le
hemos colocado en la propiedad Text: &Salir
13
Al ejecutar la aplicacin, la letra S aparecer subrayada y el usuario podr

seleccionar el botn presionando simultneamente las teclas: ALT + S,
obteniendo un efecto como si hubiera hecho clic sobre dicho botn.
AutoSize: Ajusta el texto al tamao del botn. Presenta dos valores: True o
False.
Font: Utilizada para cambiar el tipo, el estilo y el tamao del texto del botn,
adems podemos configurar el texto para que aparezca subrayado o tachado.
ForeColor: Se utiliza para darle el color al texto del botn.
BackColor: Se utiliza para darle color al fondo del botn.
TextAlign: Determina la posicin del texto dentro del botn. Por defecto el
texto se coloca en la posicin MiddleCenter. Presenta nueve formas de
alineacin.
MiddleCenter
TopLeft
TopCenter
TopRight
MiddleLeft
MiddleRight
BottomLeft
BottonRight
BottomCenter
A continuacin se presentan algunos ejemplos:
MiddleCenter
MiddleLeft
14
BottomLeft
TopRight
Dock: Esta propiedad nos da la posibilidad de acoplar el botn a cualquiera de

los bordes del formulario, consiguiendo que dicho control permanezca pegado
a ese borde del formulario en todo momento. Puede ser arriba (Top), abajo
(Bottom), izquierda (Left), derecha (Right) y centro (Fill).
Top
Fill
Right
Left
Bottom
A continuacin se muestran ejemplos:
Top
Bottom
Left
Right
15
Fill
Cursor: Especifica el cursor que aparece al situar el mouse sobre el botn.
Visible: Permite la visualizacin o no del botn al momento de ejecutarse.
Enabled: Se utiliza para habilitar o deshabilitar un botn. Presenta dos valores:

True o False.
Locked: Determina si se puede mover o cambiar el tamao del botn.
Anchor: Nos permite anclar el botn a uno o varios bordes del formulario.
Cuando anclamos un control a un borde, la distancia entre el control y dicho
borde ser siempre la misma, aunque redimensionemos el formulario.
Top, Left
Las zonas de color gris oscuro representan los bordes del botn que ya estn
anclados a los bordes del formulario. Debemos marcar y desmarcar
Image: Mediante esta propiedad seleccionamos la imagen que queremos que
se muestre en el botn.
16
ImageAlign: Esta propiedad permite alinear la imagen en el botn, por defecto

la imagen se coloca en la posicin MiddleCenter. Se puede seleccionar entre
nueve opciones.
MiddleCenter
Aqu mostramos algunos ejemplos del botn con su imagen:
TopCenter
BottomCenter
MiddleLeft
MiddleRight
BackgroundImage: Permite especificar la imagen de fondo que utilizar el

botn.
17
BackgroundImageLayout: Esta propiedad es un complemento de la

propiedad BackgroundImage ya que permite ajustar la imagen de diferentes
formas, por defecto muestra el valor Tile, pero puede configurar la imagen con
cualquiera de sus valores.
Por ejemplo: si usted utiliza el valor Stretch la imagen se ajusta al tamao que
tiene el botn.
FlatStyle: Determina la apariencia del botn cuando el usuario mueve el

mouse sobre el control o hace clic. Presenta los siguientes valores:

de tal manera que al hacer anticlic sobre el control Button se muestre un men
contextual. El control ContextMenuStrip es materia de estudio en otro captulo.
18
Eventos importantes del control Button:

Click: Este evento se desencadena al dar clic sobre el botn.
Enter o GotFocus: Ocurren al ingresar el foco sobre el botn.
Leave o LostFocus: Ocurren al salir el foco del botn.
MouseEnter: Se habilita al ingresar el mouse sobre el botn.
MouseLeave: Se habilita al salir el mouse el botn.
MouseMove: Se desencadena al pasar el mouse sobre el botn.
19
Control TextBox
Un control TextBox o caja de texto es aquel que muestra texto escrito en tiempo de
diseo que puede ser editado por los usuarios en tiempo de ejecucin o modificado
mediante instrucciones.
Propiedades importantes del control TextBox:

Name: Esta propiedad se utiliza para colocarle un nombre a la caja de texto, se
utilizar el prefijo Txt.
Text: Es la propiedad ms importante de este control, se utiliza para colocarle
texto a la caja de texto.
Font: Utilizada para cambiar el tipo, el estilo y el tamao del texto, adems
podemos configurar el texto para que se muestre subrayado o tachado.
ForeColor: Se utiliza para darle el color al texto.
BackColor: Se utiliza para darle color al fondo de la caja de texto.
ReadOnly: Se utiliza cuando queremos que el contenido de la caja de texto no
se pueda editar. Presenta dos valores: True o False.
Enabled: Habilita o deshabilita una caja de texto. Presenta dos valores: True o
False.
Locked: Determina si se puede mover o cambiar el tamao de la caja de texto.
Cursor: Especifica el cursor que aparece al situar el mouse sobre la caja de
texto.
20
Visible: Permite la visualizacin o no de la caja de texto al momento de

ejecutarse. Presenta dos valores: True o False.
TextAlign: Determina la posicin del texto dentro de la caja de texto. Por
defecto el texto se coloca en la posicin Left (izquierda). Presenta tres formas
de alineacin.
A continuacin se muestra los siguientes ejemplos:
Left
Right
Center
Dock: Esta propiedad nos proporciona la posibilidad de acoplar la caja de texto

a uno de los bordes del formulario, consiguiendo que dicho control permanezca
pegado a ese borde del formulario en todo momento. Puede ser arriba (Top),
abajo (Bottom), izquierda (Left), derecha (Right) y centro (Fill).
Top
Left
Right
Fill
Bottom
21
BorderStyle: Indica el borde de la caja de texto. Presenta los siguientes

valores:
En los siguientes ejemplos se muestran los diferentes valores de la propiedad

BorderStyle.
Fixed3D
FixedSingle
None
Anchor: Nos permite anclar la caja de texto a uno o varios bordes del
formulario. Cuando anclamos un control a un borde, la distancia entre el
control y dicho borde ser siempre la misma, aunque se redimensione el
formulario.
Top, Left
Las zonas de color gris oscuro representan los bordes de la caja de texto que
ya estn anclados a los bordes del formulario. Debemos marcar y desmarcar
22

PasswordChar: Esta propiedad se usa generalmente cuando en la caja de
texto se ingresar una clave o contrasea. Aqu se seala el carcter que
aparecer como mscara de entrada, tener en cuenta que slo acepta un solo
carcter. En el siguiente ejemplo se usa el carcter asterisco *.
MaxLength: Esta propiedad establece el nmero de caracteres que la caja de

texto aceptar. Su valor por defecto es 32 767. Colquele a esta propiedad el
valor 0, si desea que el texto pueda tener cualquier longitud, hasta el lmite
mximo de 2 GB, 2 147 483 647 caracteres exactamente. Para restringir el
nmero de caracteres que el usuario puede escribir establezca en esta
propiedad el valor que usted considere necesario.
MultiLine: Esta propiedad se utiliza para establecer si la caja de texto puede
contener una sola lnea de texto o varias lneas. Por defecto, el control
almacena una sola lnea (valor False). Para cambiarlo, asigne a esta propiedad
el valor True y luego ample la caja de texto al tamao requerido.
False
True
WordWrap: Esta propiedad establece si el texto se ajusta automticamente

cuando llega al margen derecho de la caja de texto. El valor por defecto es
True. Sin embargo, si el control tiene una barra de desplazamiento horizontal,
puede introducir lneas de texto muy largas.
ScrollBars: Esta propiedad controla si la caja de texto tendr barras de
desplazamiento cuando el texto exceda las dimensiones del control. Esta
23
propiedad se debe utilizar cuando la propiedad MultiLine est configurada con

el valor True. Presenta los siguientes valores:
Si usted establece esta propiedad con el valor Horizontal notar que no se

visualiza la barra de desplazamiento horizontal, para poder visualizarla deber
de colocar la propiedad WordWrap a False.
La siguiente figura muestra la caja de texto cuando su propiedad ScrollBar

tiene el valor Vertical.
La siguiente figura muestra la caja de texto cuando su propiedad ScrollBar

tiene el valor Both. Como puede observar este valor activa las barras de
desplazamiento horizontal y la vertical.
24
CharacterCasing: Esta propiedad se usa para indicarle a la caja de texto si el

texto ingresado debe dejarse tal y como se ingres (Normal), o si se debe
convertir a maysculas (Upper) o minsculas (Lower).
A continuacin se muestran ejemplos con los tres valores de la propiedad

CharacterCasing.
Normal
Upper
Lower
RightToLeft: Se utiliza cuando se requiere que el texto que se ingresa

empiece por la parte derecha.

de tal manera que al hacer anticlic sobre el control TextBox se muestre un
men contextual. El control ContextMenuStrip es materia de estudio en otro
captulo.
25
Eventos importantes del control TextBox:

KeyDown: Ocurre al pulsar hacia abajo una tecla extendida.
KeyPress: Ocurre al pulsar una tecla normal. Tambin se desencadena antes
el evento KeyDown y despus el evento KeyUp.
KeyUp: Ocurre al soltar una tecla extendida previamente pulsada.
TextChanged: Es un nuevo evento que reemplaza al evento change, es decir
ocurre al cambiar el texto.
Enter o GotFocus: Ocurren al ingresar el foco sobre la caja de texto.
Leave o LostFocus: Ocurren al salir el foco sobre la caja de texto.
Validating: Se habilita cuando el control est validndose.
Validated: Se habilita despus de validarse el control.
26
DESARROLLO DE APLICACIONES
En esta seccin procederemos al desarrollo de diferentes tipos de aplicaciones
bsicas donde utilizaremos como es lgico el formulario y los controles Label, Button y
TextBox, en cada una de las aplicaciones tendremos un cuadro donde se detalla la
configuracin de las diferentes propiedades de los objetos que se utilizan.
Aplicacin N: III - 01
Crear una aplicacin que muestre un formulario con el ttulo Bienvenido con un
control label donde se muestre el texto Microsoft Visual Basic .Net y un control button
con el texto Salir, el cual estar programado para que al hacerle clic termine la
aplicacin.
Solucin:
Nuestro formulario al final deber presentar el siguiente aspecto:
Colocamos un control Label1 y un control Button1 en el formulario, como se muestra a

continuacin:
27
Configuramos las propiedades de los objetos que utilizaremos:
Objeto
Form1
Label1
Button1
Propiedad
Name
Text
StartPosition
Name
Text
BorderStyle
ForeColor
Font
Name
Text
Valor
FrmBienvenido
Bienvenido
CenterScreen
LblMensaje
Microsoft Visual Basic .NET
Fixed3D
Blue
Fuente: Arial, Estilo: Negrita, Tamao 10
BtnSalir
&Salir
En el objeto Form1 se utilizan tres propiedades: Name que permite asignarle un

nombre al formulario, Text utilizada para darle un ttulo y StartPosition se utiliza para
que al momento de ejecutarse la aplicacin nuestro formulario aparezca en la parte
central de nuestra pantalla.
En el objeto Label1 se utilizan cuatro propiedades: Name para darle un nombre al
label, la propiedad Text para mostrar un texto, BorderStyle para cambiarle el borde,
ForeColor para cambiarle de color al texto y Font que permite configurar el tipo, estilo,
adems del tamao de la letra.
En el objeto Button1 se utilizan solamente dos propiedades: Name que como ya es
obvio se utiliza para darle un nombre al control button y Text que permite asignarle un
texto al botn.
Luego de configurar las diferentes propiedades del formulario y los controles, hacemos
doble clic en el botn Salir para programar este botn, aqu en el evento click del
BtnSalir escribiremos la instruccin Close(), la cual hace que la aplicacin termine.
Nombre del Formulario
Evento del Botn Salir
Instruccin que permite terminar la aplicacin
Finalmente, ejecutamos la aplicacin haciendo clic en el icono

F5.
o pulsando la tecla
28
Nota Importante: Cabe hacer notar que al momento de guardar la aplicacin,

nuestros archivos en el Explorador de soluciones se vern como en la siguiente figura:
Si observamos nuestra carpeta donde hemos guardado nuestra aplicacin notamos

que el formulario se encuentra con el nombre Form1.vb
Esto quiere decir que el formulario se guardar con el nombre de archivo Form1, si
usted desea puede cambiarle el nombre del archivo, generalmente aqu se debe
colocar el nombre que se le coloc en la propiedad Name, en este caso
FrmBienvenido, para cambiar el nombre simplemente basta con hacer anticlic en
Form1.vb en el explorador de soluciones, seleccionar y hacer clic en la opcin
Cambiar nombre y luego colocarle el nombre correspondiente, teniendo en cuenta de
conservar la extensin del nombre del archivo del formulario (.vb)
29
Ahora procederemos a cambiarle el nombre como se muestra en la siguiente figura:
Veamos nuevamente el contenido de nuestra carpeta en el Explorador de Windows y

notamos que el nombre del formulario cambio automticamente de Form1 a
FrmBienvenido, como se muestra en la siguiente figura:
30
Crear una aplicacin que permita ingresar el nombre de un usuario en un control
TextBox y luego al hacer clic en un control Button muestre un mensaje saludando al
usuario ingresado.
Solucin:
Al final del diseo, el formulario deber de tener el aspecto como se muestra en la
figura siguiente, observar que a los controles Button adems de tener un texto,
presentan una imagen.
Ejecutamos la aplicacin (F5) y luego ingresamos el nombre de un usuario para este

ejemplo se ha ingresado el usuario: Victor Cardoza.
31
Y al hacer clic en el botn Mostrar aparecer un mensaje con el nombre del usuario
que usted ingreso.
Finalmente al hacer clic en el botn Salir, terminar la aplicacin.

Entonces empezaremos a disear nuestro formulario, para ello colocaremos un control
Label1, un control TextBox1 y dos controles Button: Button1 y Button2, distribuidos
como se muestra en la siguiente figura:
TextBox1
Enseguida configuramos las propiedades de los objetos que utilizaremos como se

muestra en el siguiente cuadro.
32
Objeto
Propiedad
Name
Form1
Text
StartPosition
Label1
Text
TextBox1 Name
Name
Text
Button1 TextAlign
Image
Button2
ImageAlign
Name
Text
TextAlign
Image
ImageAlign
Valor
FrmSaludo
Saludo
CenterScreen
Usuario :
TxtUsuario
BtnMostrar
&Mostrar
BottomCenter
Ubicar la carpeta que contiene los conos y
seleccionar el icono correspondiente
MiddleCenter
BtnSalir
&Salir
BottomCenter
seleccionar el icono correspondiente
MiddleCenter
Generalmente se le debe asignar un nombre adecuado a los controles que se

utilizarn al momento de realizar la programacin, pero existen controles en una
aplicacin que ya no es necesario asignrselo porque simplemente dichos controles
no sern utilizados en la programacin, por lo tanto no tendrn mayor trascendencia.
Por ejemplo: Si observamos el cuadro anterior al control Label1 no se le especfico la
propiedad Name, ya que dicho control slo lo utilizaremos para mostrar un ttulo.
Una vez que se ha terminado de disear la interfaz, comenzaremos a ingresar las
instrucciones correspondientes, en este ejemplo ingresaremos instrucciones en el
evento clic tanto del botn Mostrar como del botn Salir.
Instrucciones del botn BtnMostrar, evento Click

MsgBox("Hola usuario: " & TxtUsuario.Text, MsgBoxStyle.Exclamation, "Saludo")
Instrucciones del botn BtnSalir, evento Click
Close( )
En la siguiente figura se muestran las instrucciones del botn Mostrar y del botn Salir
en la ventana editor de cdigo.
33
Disear una aplicacin que permita ingresar los datos de un empleado, despus de
ingresar cada dato y pasar a ingresar el siguiente debe cambiar el color de fondo de la
caja de texto. Una vez ingresados los datos al hacer clic en el botn Nuevo debe
limpiar las cajas de texto y finalmente al dar clic en el botn Salir debe terminar la
aplicacin.
Solucin:
Al terminar de disear la aplicacin nuestro formulario, debe presentar un aspecto
como el que se muestra en la siguiente figura.
Ejecutamos la aplicacin (F5), y luego ingresamos en primer lugar el cdigo del

empleado, presionamos la tecla TAB para pasar a la siguiente caja de texto donde
ingresaremos el nombre, notar que el fondo de la caja de texto que contiene el cdigo
cambi de color; y as sucesivamente hasta terminar de ingresar todos los datos del
empleado.
34
Luego de terminar de ingresar los datos del empleado, al hacer clic en el botn Nuevo,
se limpiarn los datos de las cajas de texto y colocar el foco en la primera caja de
texto donde se ingresa el cdigo, se coloca all ya que es la primera caja donde se
ingresan los datos, ms adelante se explica todo lo relacionado al foco, el foco en una
caja de texto es una lnea vertical pequea parpadeante.
Foco
Finalmente al hacer clic en el botn Salir, terminar la aplicacin.
Ahora, empezaremos a disear el formulario, entonces colocaremos los controles

respectivos, como se muestran en la siguiente figura:
35
TextBox1
TextBox2
TextBox3
TextBox4
TextBox5
Ahora configuraremos las propiedades de cada objeto:

Objeto
Form1
Label1
Label2
Label3
Label4
Label5
TextBox1
TextBox2
TextBox3
TextBox4
TextBox5
Button1
Propiedad
Name
Text
MaximizeBox
MinimizeBox
StartPosition
Text
Text
Text
Text
Text
Name
MaxLength
Name
MaxLength
Name
MaxLength
Name
Name
Name
Text
TextAlign
Image
Button2
ImageAlign
Name
Text
TextAlign
Image
ImageAlign
Valor
FrmEmpleado
Datos del Empleado
False
False
CenterScreen
Cdigo :
Nombre :
Sexo :
Fecha de Ingreso :
Sueldo (S/.) :
TxtCodigo
4
TxtNombre
30
TxtSexo
1
TxtFechaIngreso
TxtSueldo
BtnNuevo
&Nuevo
BottomCenter
seleccionar el cono correspondiente
MiddleCenter
BtnSalir
&Salir
BottomCenter
seleccionar el cono correspondiente
MiddleCenter
36
Luego de configurar las propiedades de los objetos (Formulario y controles),

comenzamos a escribir las instrucciones correspondientes a las cajas de texto. Para
que las cajas de texto cambien de color al pasar a la siguiente, debe utilizarse el
evento LostFocus, que es un evento que se desencadena cuando la caja de texto
pierde el foco, el color que utilizaremos para colorear el fondo de las cajas de texto
ser el color cyan.
Explicaremos el procedimiento para programar la caja de texto TxtCodigo, ya que

despus para el resto de cajas ser de manera similar.
Entonces nos ubicamos en la ventana editor de cdigo y seleccionamos de la lista de
objetos el control TxtCodigo, como se muestra en la siguiente figura.
Luego seleccionamos el evento LostFocus, de la lista de eventos; como lo puede

visualizar en la siguiente figura.
Una vez seleccionados el Control TxtCodigo y su correspondiente evento LostFocus,

la ventana editor de cdigo queda de la siguiente manera:
37
Entonces ahora escribimos la lnea de cdigo que har que la caja de texto TxtCodigo
cambie de color de fondo, al momento de perder el foco.
Repetimos el mismo procedimiento para las dems cajas de texto, de tal manera que
al final de realizar los pasos la ventana editor de cdigo debe mostrarse como se
muestra en la siguiente figura:
38
Enseguida programaremos las instrucciones que harn posible que al hacer clic en el
botn Nuevo se limpien las cajas de texto y se coloque el foco en la caja de texto
TxtCodigo.
Nota Importante: Para limpiar el contenido de una caja de texto puede hacerse de la
siguiente manera:
TxtCodigo.Text =
O tambin puede emplear el mtodo Clear (), el mismo que utilizaremos en el
desarrollo de las diferentes aplicaciones.
TxtCodigo.Clear ()
Instrucciones del botn BtnNuevo, evento Click

TxtCodigo.Clear ()
TxtNombre.Clear ()
TxtSexo.Clear ()
TxtFechaIngreso.Clear ()
TxtSueldo.Clear ()
TxtCodigo.Focus ()
Finalmente programaremos el botn Salir, que como ya se explic en anteriores
aplicaciones, har que sta finalice.
Instrucciones del botn BtnSalir, evento Click

Close( )
En la siguiente figura se muestran las instrucciones del botn Nuevo y del botn Salir
en la ventana editor de cdigo.
39

Formulario y Controles Básicos PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Formulario y Controles Básicos PDF

Transféré par

Droits d'auteur :

Formats disponibles

Herramientas de Desarrollo de Software

Visual Basic .NET

Formulario y Controles Bsicos

Formulario y Controles Bsicos

Propiedades importantes del formulario:

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

MinimizeBox: Se utiliza para desactivar o quitar el botn minimizar del

WindowState: Determina la forma en que se presentar el formulario al

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

El formulario con la imagen se mostrara de la siguiente manera:

BackgroundImageLayout: Esta propiedad es un complemento de la

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Nota Importante: Al agregar una imagen automticamente en el Explorador de

StartPosition: Determina la posicin del formulario en la pantalla cuando

Backcolor: Se utiliza para darle un color de fondo al formulario.

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Opacity: Es una nueva propiedad, que indica la forma de visualizacin del

IsMdiContainer: Determina si el formulario es un contenedor MDI (Interfaz de

Font: Utilizada para cambiar el tipo, el estilo y el tamao de la letra, adems

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

TopMost: Indica si el formulario aparece siempre por encima delresto de

FormBorderStyle: Indica la apariencia y el comportamiento del borde y de la

Eventos importantes del formulario:

Formulario y Controles Bsicos

Convenciones para el nombre de los objetos: Prefijos

Nota Importante: Tener en cuenta que al momento de asignarle un nombre a los

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Propiedades importantes del control Label:

TextAlign: Determina la posicin del texto dentro de la etiqueta. Por defecto el

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

A continuacin presentamos algunos ejemplos:

Enabled: Habilita o deshabilita una etiqueta. Presenta dos valores: True o

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Dock: Esta propiedad nos proporciona la posibilidad de acoplar la etiqueta a

BorderStyle: Controla la apariencia del borde de la etiqueta. Presenta los

Cursor: Especifica el cursor que aparece al situar el mouse sobre la etiqueta.

Visible: Permite la visualizacin o no de la etiqueta al momento de ejecutarse.

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

AutoSize: Ajusta el texto al tamao de la etiqueta. Presenta dos valores: True

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Al igual que la propiedad TextAlign en esta propiedad es recomendable que

ContextMenuStrip: Esta propiedad se utiliza para especificar el nombre del

Eventos importantes del control Label:

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Propiedades importantes del control Button:

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Al ejecutar la aplicacin, la letra S aparecer subrayada y el usuario podr

A continuacin se presentan algunos ejemplos:

Ing. Wilson Gerardo Cardoza Llontop

Formulario y Controles Bsicos

Dock: Esta propiedad nos da la posibilidad de acoplar el botn a cualquiera de