Professional Documents
Culture Documents
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.
Forecolor: Se utiliza para darle el color al texto que se utilice en primer plano
en el formulario.
False
Por ejemplo si utiliza el valor Stretch la imagen se ajusta al tamao que tiene el
formulario. El formulario ahora mostrara la imagen completa.
True
False
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
Control Label
Un control Label o etiqueta es un control que muestra texto informativo, que los
usuarios no pueden editar directamente.
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.
MiddleCenter
BottomLeft
BottomRight
Right
Fill
Bottom
None
FixedSingle
Fixed3D
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.
11
MiddleCenter
BottomCenter
MiddleRight
BottomLeft
12
Control Button
Un control Button o botn de pulsacin es aquel que se utiliza para iniciar, detener o
interrumpir un proceso.
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
MiddleCenter
TopLeft
TopCenter
TopRight
MiddleLeft
MiddleRight
BottomLeft
BottonRight
BottomCenter
MiddleCenter
MiddleLeft
14
BottomLeft
TopRight
Left
Bottom
Top
Bottom
Left
Right
15
Fill
Las zonas de color gris oscuro representan los bordes del botn 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 que
se muestre en el botn.
16
MiddleCenter
TopCenter
BottomCenter
MiddleLeft
MiddleRight
17
Por ejemplo: si usted utiliza el valor Stretch la imagen se ajusta al tamao que
tiene el botn.
18
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.
20
Left
Right
Center
Right
Fill
Bottom
21
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
respectivamente estos elementos segn los bordes que necesitamos anclar.
22
True
23
24
Upper
Lower
25
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:
27
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
o pulsando la tecla
28
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
30
Aplicacin N: III - 02
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.
31
Y al hacer clic en el botn Mostrar aparecer un mensaje con el nombre del usuario
que usted ingreso.
TextBox1
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
Ubicar la carpeta que contiene los conos y
seleccionar el icono correspondiente
MiddleCenter
Close( )
En la siguiente figura se muestran las instrucciones del botn Mostrar y del botn Salir
en la ventana editor de cdigo.
33
Aplicacin N: III - 03
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.
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
35
TextBox1
TextBox2
TextBox3
TextBox4
TextBox5
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
Ubicar la carpeta que contiene los conos y
seleccionar el cono correspondiente
MiddleCenter
BtnSalir
&Salir
BottomCenter
Ubicar la carpeta que contiene los conos y
seleccionar el cono correspondiente
MiddleCenter
36
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 ()
En la siguiente figura se muestran las instrucciones del botn Nuevo y del botn Salir
en la ventana editor de cdigo.
39