Creacin de un programa

en Visual Basic paso a paso

Contenido:
Herramientas Bsicas de Visual Basic
Cuadros de Texto
Etiquetas
Ejemplo de la creacin de un programa en Visual Basic paso
a paso

Itinerario Formativo: Asistencia en Informtica

Mdulo: Algoritmos y Estructuras de Datos
Prof.: Aramburu, A. Andrs

Herramientas Bsicas de la CAJA DE HERRAMIENTAS (Toolbox)

Etiqueta
(Label)
Marco
(Frame)

Casilla de
Verificacin
(Check)
Combo
Barra de
desplazamient
o Horizontal
(HScrollBar)
Temporizad
or
(Timer)

Seleccin

Imagen
(Picture)

Cuadro de
Texto
(TextBox)
Botn
(Command)
Opcin
(Option)
Lista
(List)
Barra de
desplazami
ento
Vertical
(VScrollBar
2 )

Cuadro de Texto Text

Cuadro de Texto: Permite al usuario ingresar valores

(nmeros, texto, etc)
Dos maneras de ingresar valores a un cuadro de texto:
Cuando el programa se est ejecutando hacemos clic sobre el
text correspondiente y escribimos dentro de l.
Cuando estamos programado, ingresamos valores a un cuadro de
texto asignndolo a su propiedad TEXT:
Ejemplo:
Text7.text= Hola
El punto .text indica que hacemos
referencia a la propiedad text del cuadro de
texto.
La propiedad text es la que contiene el
valor ingresado al cuadro de texto

Etiqueta Label

Etiqueta: Permite dar indicaciones en un formulario o

mostrar resultados
Cmo mostrar valores en una etiqueta?
Cuando el programa se est ejecutando no es posible modificar
una etiqueta.
Cuando estamos programado, ingresamos valores a una etiqueda
asignndolo a su propiedad CAPTION:
Ejemplo:
Label2.Caption= Ingrese Nmero 2
El punto .caption indica que hacemos
referencia a la propiedad caption de la
etiqueta.
La propiedad caption es, en las etiquetas,
la que contiene el valor a mostrar en ellas.

Botn Command

Botn: Al presionarlo ejecuta las acciones que fueron

programadas.
Cmo programar un botn?
Hacemos doble clic sobre el botn y se abre una ventana como la
Nos
siguiente:,
aseguramos
de estar en
el
objeto
correspondi
ente
(En
este
caso
Command1
)

Entre Sub Command1_Clic() y

End Sub escribimos todas las
ordenes que queremos que sean
ejecutadas al presionar este botn.
Nota: No escribir antes de Sub ni

Nos
aseguramos de
estar
en
el
procedimiento
correcto,
en
este
caso
CLICK
que
corresponde a
lo
que
ser
ejecutado
cuando
hagamos CLICK
sobre el botn5

Ejemplo de uso de cuadro de texto,

etiqueta y botn combinados
Etiqueta
con
objetivo del
programa
Etiqueta
con
indicacin
del dato a
ingresar
Cuadro de
texto donde
el usuario
ingresar
una medida
en
kilmetros

Botn que
ejecutar la
conversin
al
presionarlo

Etiqueta
que
indica
dnde
esperar
el
resultado
Etiqueta
donde
aparecer
el
resultado
luego de
presionar
el botn
Convertir

Creacin guiada de un programa en

Visual Basic

A continuacin crearemos un programa que pida al usuario

su nombre y apellido, luego el usuario deber ingresar dos
nmeros y , al presionar un botn, el programa determinar
cul es el mayor o si son iguales.

Etiquetas

Cuadros de Texto

Botones

Qu necesitamos?

Una etiqueta (en ingls Label)que diga Nombre (para indicar

que se deber ingresar el mismo)
Un cuadro de texto (Textbox) donde el usuario escribir el
nombre
Observacin
Esto es similar a la programacin en pseudocdigo cuando
decamos:
Imprimir ingrese el nombre;
Leer (nombre);
Tambin necesitaremos:
Una etiqueta que diga Apellido
Un cuadro de texto donde el usuario escribir el apellido
Una etiqueta que indique Primer Nmero
Un cuadro de texto para escribirlo
Otra etiqueta para el Segundo Nmero
Otro cuadro de texto para recolectar este segundo nmero

Modelo de Interfaz
apropiada:
Label1

Text1

Label2

Text2
Cuadros de
Texto

Etiquetas
Label3

Text3

Label4

Text4

Boton
(Command1)

Nota: Los nmeros de los objetos se asignan automticamente

segn el orden en que se crean los elementos. Con ese nombre y

Cmo lo hacemos?
Primero creamos una carpeta para los archivos de este programa, pues un
programa estar formado por al menos dos archivos uno es el proyecto y
el otro el formulario.
Abrimos Visual Basic (Escritorio: Visual Basic 3 o men inicio->Visual Basic 3>Microsoft Visual Basic)
Nos aseguramos de que est visible la caja de herramientas (Window>Toolbox)
Hacemos un nuevo proyecto: File->NewNota:
Project.
El nombre de archivo no
Nos aseguramos que sea visible el Proyecto
debe (Windows->Proyect)
superar las 8 letras.
Guardamos el nuevo proyecto en esa carpeta:
File->Save
Asignarles
nombre Project
coherente
Nos va a pedir salvar dos cosas:
al programa.
1. Formulario (Archivo.FRM)
2. Proyecto (Archivo.MAK)
Primero comenzaremos por construir la interfaz
decir,
la cara
del programa.(Toolbox)
Ahora a grfica,
trabajares
con
la Caja
de Herramientas
Luego trabajaremos en la parte lgica del mismo, es
decir, su programacin especfica.
10

Etiqueta Cmo lo hacemos?

s:1- Activamos el botn LABEL (Clic) y hacemos clic donde queremos
ubicarlo en el formulario (Form1).
2- Con SELECCIN Hacemos clic sobre LABEL1 y miramos el
cuadro de propiedades. (En caso de estar desactivado lo activamos desde
Window-> Properties)

La propiedad
(Properties):
CAPTION
permite
nombrar la
etiqueta y as
deja de
llamarse
LABEL1.
Entonces all
escribimos
Nombre
(Hacemos lo
mismo con
las dems
etiquetas)

Para
modificar
una
propiedad
la
selecciona
mos
haciendo
clic (por
ejemplo clic
en
CAPTION) y
luego la
modificamo
s desde la
barra
superior

11

Cuadros de Cmo lo hacemos?

Texto
:
1- Activamos
el botn TEXTBOX (Clic) y hacemos clic donde queremos
ubicarlo en el formulario (Form1).
2- Con SELECCIN Hacemos clic sobre TEXT1 y miramos el
cuadro de propiedades.
(Properties):
La propiedad
TEXT permite
nombrar el
cuadro te
texto.
Nosotros
borramos el
texto inicial
para que
quede en
blanco.
(Hacemos lo
mismo con
los dems
cuadros de
texto)

Aqu
modifico
la
propied
ad
seleccio
nada y
borro lo
que
estaba
escrito
que era
Text1

Clic en
propied
ad Text
12

Y las Variables?
Al trabajar con cuadros de texto para obtener datos, hay que pasarlos
a variables para luego poder operar y realizar clculos. Para esto,
hacemos lo siguiente:
Doble clic sobre el fondo del formulario (en cualquier zona
vaca punteada). Aparecer lo siguiente:
Luego hacemos Clic
en OBJECT (donde
dice Form) y
elegimos GENERAL.
Deber quedarnos
as:
Ahora declaramos
las variables para
trabajar con datos
numricos:
Dim n1, n2 as
Lo escribimos
integer
as y
13
presionamos
Luego cerramos con la cruz y volvemos al formulario de trabajo

Crear Cmo lo hacemos?

Botn
1- Activamos el botn COMMAND (Clic) y hacemos clic donde queremos
ubicarlo en el formulario (Form1).
2- Con SELECCIN Hacemos clic sobre COMMAND1 y miramos el cuadro
de propiedades.
3-Como aprendimos antes, le modificamos la propiedad CAPTION para
que diga Determinar el mayor (que es lo que queremos que suceda al
presionar este botn).
4- Ahora deberemos PROGRAMAR el Botn. Para esto hacemos doble clic
Aqu el
adentro,
el SUBun cuadro como el siguiente:
sobre
Botn yentre
aparecer
COMMAND1_CLIC y el END SUB
debemos colocar todo el cdigo
que ejecutar el programa al hacer
Click sobre el botn.
En este caso,Paso
la elprogramacin
nmero ingresado en
text3
a
n1
ser:
Paso el nmero ingresado en
n1=val(text3)
text4 a n2
n2=val(text4)
If (n1>n2) then
msgbox El mayor es el
primer nmero
Elseif (n2>n1) then
msgbox El mayor es el

Luego de copiar la programacin,

cerramos con la cruz.
14

Ahora s! A Ejecutar el
programa
Pero primero. La proteccin
contra borrados!
Guardamos el proyecto:
File->Save Project
Automticamente salvar:
1. Formulario (Archivo.FRM)
2. Proyecto (Archivo.MAK)

Es importante que
guardemos AMBOS
archivos en un lugar
seguro (pen drive o, en
ltima instancia, unidad
T:)

A Ejecutarlo!
Para EJECUTAR el programa que hemos diseado presionamos la
tecla F5 o Men RUN->START o clic en botn play
Para detener nuestro programa, lo cerramos con la CRUZ o clic
en botn Stop
Notas:
La funcin VAL convierte los caracteres ingresados en el cuadro de texto a formato
numrico y luego lo almacena en la variable asignada. Es importante que si pedimos
nmeros, no ingresemos texto en ese cuadro de texto.
El procedimiento MSGBOX imprime carteles en la pantalla (equivale al imprimir usado
antes)
15