Leccion 1

Aplicacin, formulario, cdigo conceptos

Formulario:
Es en donde se colocan los objetos o
elementos que formarn la interfaz de
usuario de su aplicacin, es decir todos los
botoncitos, barras de desplazamiento,
cuadros de texto y dems componentes. La
programacin en visual basic esta orientada
a objetos. esto significa que insertamos
objetos prediseados en un formulario
para a!orrar muc!o trabajo en
programacin. "i obviamente se programa
no es necesario programar elementos de uso
frecuente tales como un boton, cuadro de
dialogo, medidor de tiempo, etc
Aplicacin:
Es un programa. Lo que usted va a aprender a realizar en #isual $asic, !acer
aplicaciones. % medida que usted avance en los apuntes ir aprendiendo a !acer
programas que realicen distintas funciones.

Cdigo:
"on las l&neas de instrucciones necesarias para el programa realice operaciones. 'or
ejemplo si quiero que sume en un formulario, con dos cuadros de texto (para insertar
palabras y n)meros* le indicar&a en cdigo que sume el cuadro de texto+ , cuadro de
texto -, y el cdigo correspondiente lo podr&a poner en un botn as& cuando un usuario
pulsa en el mismo luego de !aber insertado n)meros en los cuadros de textos
mencionados se sumarian los valores de los mismos. .a se ver en su momento
correctamente esto.
Leccion 2
Aplicaciones basadas en procedimientos:
En las aplicaciones tradicionales o basadas en procedimientos, la aplicacin o programa es quien
controla qu/ fragmentos del cdigo se ejecutan y la secuencia en que se ejecutan. La ejecucin de
la aplicacin comienza con la primera l&nea de cdigo y sigue una ruta predefinida por el
programa, llamando a procedimientos a medida que son necesarios o utilizado por el usuario. Es
decir es muy estructurado y previsible la secuencia, sigue una programacin fija.
Aplicaciones controladas por eventos
La ejecucin en estas aplicaciones no sigue una ruta predeterminada, ejecuta distintas partes del
cdigo, seg)n sea llamada por eventos. Estos pueden ser0 por causa del usuario, del sistema o
otras aplicaciones. La secuencia de los eventos determinar la secuencia del cdigo a ejecutarse.
-1123412-.doc +
5uando un programa es controlado por eventos, usted escribe cdigo que se ejecuta en respuesta
a eventos llamados por el usuario, un evento puede ser un clic del mouse en un botn. 6ifiere
de la programacin basada en procedimientos, en que el programa comienza en la primera l&nea
de cdigo y sigue un flujo definido llamando seg)n sea necesario, es en cierta forma menos
controlada por el programa y mas por el usuario. La programacin controlada por eventos es la
de las interfaces grficas de usuario7 el usuario acciona y el cdigo responde.
Mtodos
Los m/todos son un conjunto de
procedimientos que permiten a un objeto
ejecute una accin o tarea sobre s& mismo.
'or ejemplo, para un formulario tenemos el
m/todo 8ide que !ar que el formulario se
oculte7 o el m/todo "!o9 que !ar que el
formulario se vuelva a mostrar. 8ay muc!os
eventos, propiedades, y dems.
Eventos (como ya se vio en el principio
pero lo repetimos!
:n evento es una accin que es reconocida
por el objeto. :n evento ocurre, se dispara,
como resultado de la interaccin del usuario
con el objeto (ejemplo un botn*.
;ambi/n puede dispararse debido a la ejecucin de cdigo (sentencias* o como resultado de la
interaccin de otro objeto con el objeto de poseedor del evento (lo entender luego*. 'ara un
formulario tenemos por ejemplo7 el evento Load que se dispara cuando se carga el formulario7 o
el evento 5lic< para un botn de comando, cuando se !ace clic sobre /l. Entonces al efectuarse
el evento correspondiente se ejecutar el respectivo cdigo que se coloque en ese evento.
Leccion "
#r$ctica: %mi primer aplicacin& tambin conocida como %'ola mundo&
#rimer practica:
El primer paso para generar una aplicacin es
realizar la interfaz de usuario, es decir los
botoncitos, recuadros de texto, etc. =ue irn
en el formulario
+. En #isual $asic, seleccione E>E
estndar y pulse aceptar, esto es un
programa com)n ejecutable. ?o es
nada espec&fico como lo ser&a el
diseo de un 6LL. 'ulse %brir
-. %parecer una ventana de color gris
denominada form+, en la cual
comenzaremos a insertar un botn.
EL formulario es lo que el usuario
-1123412-.doc -
ver como ventana
1. "e ira al cuadro de !erramientas, y se trasladar un botn command. "i est cerrada la
barra de !erramientas, ir a #er, cuadro de !erramientas. "e puede !acer un clic en el botn
correspondiente a command de la barra de !erramientas, y luego darle las dimensiones
directamente en el formulario7 o dos clic en el botn y luego delinearlo con los cuadraditos que
lo rodean o colocarlo !aciendo un clic en el mismo y sin soltar ubicarlo en donde corresponda.
@. %gregaremos de la misma manera un cuadro de texto al lado del botn (text$ox*
A. %!ora se agregar el cdigo. 'ara ello !acer dos clic sobre el botn uno (command+* leer0 .
#rivate (ub Command)*Clic+(! significa que el codigo que le demos al botn se ejecutar
cuando se de un clic.
4. Escriba debajo de lo anterior0 ,e-t).,e-t / 0Mi primer aplicacin o el clsico texto
!ola mundo. significa que el recuadro de texto ;ext+.text ser igual a lo que ponemos entre
comillas, en este caso ser&a0 Bi primer aplicacin
C. En la barra de !erramientas superior, observar que a mitad se encuentra un triangulito
(play*, pulsar aqu& para ver como qued la aplicacin, al pulsar el botn en la aplicacin que
!izo tendr que aparecer el mensaje DBi primer aplicacinE en el cuadro de texto al pulsar en el
botn.
2. 'ara volver al programa pulse el cuadrado al lado del triangulo o la equis de cerrar en la
aplicacin.
Leccion 1
Algunos conceptos de ob2etos clases y propiedades en
programacin con 3isual 4asic :ltima edicion +CF3@F32
Objetos: :n botn, un cuadro de texto son ejemplos
de objetos, son una combinacin de cdigos y datos
que son tratados como un )nico elemento. Luego,
una aplicacin completa puede ser un objeto. El
trabajar con objetos posee la ventaja de que no !ace
falta escribir el cdigo del objeto. ?o !ace falta
escribir el cdigo de un botn, directamente se lo
inserta, se le asigna un m/todo, como ser clic< en el
ejemplo anterior, si se necesita se le modifica
alguna de sus propiedades y se agrega cdigo.
Clase: Es el molde de un objeto, plantilla, cada
objeto se define dentro de una clase y se crean a
partir de esta. 'osiblemente se ampliar y utilizara
este termino muc!o mas adelante. 'or a!ora solo lo
menciono, se lo podr&a tomar para simplificar como
que es casi lo mismo que un objeto
Propiedades: #an a definir caracter&sticas tales como el color, dimensiones, si est o no activado,
diseo, se activarn o desactivarn caracter&sticas, en algunos objetos lugar en donde buscar un
dato, etc. 'ara ir a propiedades se puede seleccionar el objeto y se observarn las propiedades del
lado derec!o. "i no, !acer clic con el botn secundario y seleccionar propiedades. En la seccin
propiedades, observar en primer lugar el nombre del objeto del cual se estn mostrando las
propiedades. 'or ejemplo command+ (En #isual $asic Express0 $utton+* ser el nombre de un
botn. Gnmediatamente abajo observar un men) desplegadle en donde si lo despliega aparecer
una lista con los objetos que !alla insertado en su formulario.
-1123412-.doc 1
Luego se encuentran dos solapas que mostrarn las
propiedades del objeto de forma alfab/tica o por categor&as.
Es interesante, sepa que las propiedades se pueden variar
insertando cdigos en las aplicaciones para variarlas de
acuerdo al cdigo en tiempo de ejecucin (cuando esta
funcionando la aplicacin que se program* por ejemplo al
momento en que un usuario pulsa en un botoncito de la
aplicacin programada.
Ejemplos de propiedades dentro de Form:
;enga en cuenta que true es activado y 5alse es desactivado,
5alse se lo representa tambin con el valor 6.
lac!Color: 'odr seleccionar un color de sistema, paleta,
(en #isual $asic Express tambien personalizados y 9eb* que
ser en este caso el color de la aplicacin.
Caption (3isual 4asic 7.6! ,e-t (34 E-press!: Es el texto
que mostrar al usuario en la barra de t&tulo, es el nombre de
programa (cuando se lo pone en el 5aption del Horm
principal*.
order"t#le (3isual 4asic 7.6!8 Form4order(tyle (34
E-press!: Es para cambiar los bordes del formulario, si no se
quiere borde se pondr 3, posee algunas opciones
$con: Es el dibujito que ir antes de 5aption (#$ 4.3* o de
;ext (#$ express* si se desea poner uno.
Aclaracin: 5omo notar !ay cdigos que !an cambiado
entre la versin 4.3 y Express (mas nueva* de Bicrosoft
#isual $asic. 5onsider/ oportuno dar al menos un ejemplo.
'ara variar una propiedad, el texto mostrado en la parte
superior de la aplicacin, utilizando cdigo seria0
En 4.3 era0
Horm+.5aption I
999.estudiargratis.com.ar
En este caso puntual en la versin $# Expres al formulario form+ si es la aplicacin en si, se lo
denomina BE, algo as& como una variable, y la propiedad a!ora la denominan ;ext entonces
quedar&a Jcon demasiados cambios para mi gustoJ as&0
Be.;ext I 999.estudiargratis.com.ar
Leccion 9
-1123412-.doc @
Como insertar un men: desplegable en un 5ormulario
+. 8aga clic en el botn Editor de men), de la barra
de !erramientas que se encuentra en la parte
superior. "i no !a modificado el orden de los
botoncitos es el tercero. "e abrir otra ventana.
-. Caption, escribir aqu& el nombre que desee que
aparezca en la aplicacin ('or ejemplo inicio,
arc!ivo, edicin, etc*. Kecuerde Caption es el
nombre que se observar en la aplicacin.
1. En donde dice name deber ir un nombre para el
programador que no necesita ser necesariamente
el mismo que en caption. "e utilizara para codigo
@. ;nde- permite poner un n)mero que no se utilizar por a!ora, no tiene nada que ver con la
ubicacin.
A. ('ortcut. Es para poner si se lo desea una tecla de acceso rpido, esta se utilizar dentro del
men) con un comando, lo cual quiere decir que no se le puede asignar a la barra de men)
4. <elpConte-t;= mediante esta opcin, con un n)mero se le asigna una frase de ayuda la
cual ser&a llamada por este n)mero al requerirlaJ
C. 'ulse en siguiente para escribir un caption que luego activar en ejecucin, por ejemplo
guardar, abrir, salir.
2. En el recuadro blanco irn apareciendo el men) y sus contenidos que baya colocando en el
mismo, si usted acaba de escribir por ejemplo abrir, deber indicar en donde se encontrar abrir,
si es otro men) de la barra o estar dentro del que !emos escrito en el punto uno. 'ara esto se
acomodar con las flec!itas. "e selecciona la palabra y luego se la env&a a donde corresponde
de la siguiente forma0
L. La segunda flec!a, flec!a a la derec!a0 'asa el men) seleccionado a un nivel inferior cada
vez que !ace clic en el botn. 'uede crear !asta cuatro niveles. Es para poner una palabra
dentro de un menu.
+3. La primera, flec!a a la izquierda0 "e va un paso atrs. 5ada vez que se observa un conjunto
de tres puntitos es que se va a otro nivel, si no !ay ninguno podr&a decirse que es uno ra&z.
++. Las flec!as de arriba y abajo son para mover !acia arriba o abajo lo seleccionado, esto
variar dentro de un mismo nivel, su posicin con respecto a otras palabras, las cuales llegarn
a ser comandos.
"i en el formulario !ace un clic< en un componente del men) desplegable podr escribir cdigo
en su momento. 5urso de #isual $asic en estudiargratis.com.ar
Leccion 7
>b2eto picture y propiedad visible en cdigo
#icture: Es para trabajar con imgenes, soporta
-1123412-.doc A
jpge y gif. Es un cuadro que en vez de texto
puede mostrar imgenes. :n cuadro invisible en
tiempo de ejecucin0
+. 5oloque un comando picture y
debajo dos botones, con uno de ellos
!aremos aparecer la imagen y con otro
la quitaremos
-. En el botn uno escribiremos en el
cuadro de cdigo debajo de 'rivate
"ub 5ommand+M5lic<(*
'icture+.#isible I Halse
1. En el segundo botn lo mismo pero con valor true, es decir activado
'icture+.#isible I ;rue
@. En picture, seleccionar en propiedades una imagen desde la propiedad picture.
?ota0 'icture+ es el nombre del objeto 'icture+, si lo cambio por ejemplo a 'icture-, deber
decir este ultimo en el codigo de los botones
3isible es una propiedad y tiene dos valores falso o verdadero. 5on esto podr !acer aparecer o
desaparecer un objeto. 'or ejemplo con la propiedad visible podemos !abilitar o
des!abilitar botones, o barras de !erramientas que luego realicemos.
nombreJdelJobjeto.#isible I estado (false o true 7 3 o +*
leccion ?
Curso gratis de 3isual 4asic ob2etos label y
C'ec+bo-
Label: "e puede utilizar para mostrar un texto que el usuario no puede
cambiar, tambi/n este control sirve por ejemplo para, activado por un
evento muestre un mensaje tal como0 Despere un momento, cargandoE.
;ambi/n sirve para mostrar datos para sola lectura.

C'ec+4o-: Es una casilla de verificacin, por ejemplo para activar o
desactivar algo de una aplicacin o ingresar datos a una base de datos.
E2emplo: :tilizo un objeto Label y - 5!ec<$ox en un formulario para mostrar un texto distinto
al tildar en un 5!ec<$ox distinto0
+. Gnsertar dos comandos 5!ec<$ox y un Label
-. En ventana de cdigo de 5!ec<+ escribir0 Label+.5aption I La respuesta es0 !acer un curso
con Navier
-1123412-.doc 4
1. En la ventana de cdigo de 5!ec<- escribir0 Label+.5aption I y gratisO en
999.estudiargratis.com.ar

Kecuerde que0 5on la propiedad 5aption cambio un texto, si en vez de esto por ejemplo utilizo
visible podr/ !acer aparecer o desaparecer, por ejemplo dos botones por ejemplo escribiendo en
el c!ec<0
5ommand+.#isible I Halse o bien Label+.visible I false
y en otro c!ec<$ox
5ommand+.#isible I Halse o bien Label+.visible I false
@ota: al !acer por ejemplo doble clic en un c!ec<box !e incertar el codigo para cambiar el
texto que mostrara un label (llamado label+* quedarP asi0
'rivate "ub 5!ec<+M5lic<(*
Label+.5aption I Los mejores cursos los da Navier
End "ub
Leccion A
Curso gratis de 3isual 4asic ob2eto 5rame
e2emplo
>b2eto 5rame
Es para agrupar otros objetos, se inserta el frame y luego se pone los objetos dentro. Es muy )til para agrupar
objetos o !acer barras de !erramientas.
#amos a realizar una aplicacin con tres botones uno de ellos con un capition con una letra equis (x* dentro de
un frame para ocultar este.
. los otros dos uno para mostrar el frame y otro para salir de la aplicacin.
El ejemplo es el siguiente, enrique con una flec!a el objeto frame. La aplicacin podr&a quedar mas o menos
como muestra la figura.
-1123412-.doc C
6entro del frame entonces colocamos un
boton en la parte superior derec!a y en la
izquierda por ejemplo tres c!ec<box. En las
propiedades de frame realizar lo siguiente0
5aption0 (borramos todo lo que dice*
#isible I false
%!ora vamos a preparar los botones, En
5ommand + le vari/ la propiedad caption
por "elecciona7 en 5ommand - por
"alir7 y en el 5ommand 1 como ya !e
dic!o por una simple >.
Cdigo de cada boton:
'rivate "ub 5ommand+M5lic<(*
Hrame+.#isible I ;rue
End "ub
'ara !acer aparecer el frame.
En el command -, con el caption "alir, %un
no vemos el codigo pero va este0
'rivate "ub 5ommand-M5lic<(*
:nload Be
End "ub
El tercer boton simplemente podemos por ejemplo insertar el codigo (para volver a ocultar el
frame*0
'rivate "ub 5ommand1M5lic<(*
Hrame+.#isible I Halse
End "ub
@ota: "i 5ommand+, -, .... Es el nombre automtico que le asigna #isual $asic seg)n el orden
que los puso, lo tendr. ?o obstante la propiedad para cambiar el nombre de un objeto con el
cual es llamado o relacionado con la aplicacin es ?ombre.
'ru/belo si izo todo bien le funcionar La idea de los c!ec<box es seleccionar opciones o enviar
datos por a!ora no metemos cdigo aqui ya que esto es en realidad un ejemplo muy censillo de
frame, f&jese que ocultamos y mostramos en este ejemplo objetos 5!ec<box y 5ommandbutton
a voluntad del usuario muy fcilmente con un frame. 'rogramacion en #b en
estudiargratis.com.ar
Leccion B
Curso gratis de 3isual 4asic introduccin a
variables
-1123412-.doc 2
3ariables en programacion
Es un lugar temporal de memoria necesaria para procesar informacin o datos.
El !ec!o del nombre de variable viene de que uno puede variar el contenido
en una direccin de memoria voltil asignada o utilizada por la aplicacin. En
una misma direccin primero podemos poner un n)mero y luego si lo
queremos otro
+. 'ara asignar una variable, es decir un espacio de memoria, en
primer lugar se le asignar un nombre a dic!o espacio de
memoria (variable*, por ejemplo un nombre sera a o
mivariable (sin las comillas*
-. "e pone un signo igual, es decir0 I
1. 6espu/s se indica lo que ir en la variable, por ejemplo Dcurso de Navier en
estudiargratis.com.arE.
@. Las palabras (cadenas de caracteres* se pondrn entre comillas, es decir no se pondr curso
de Navier en estudiargratis.com.ar, se pondr Dcurso de Navier en estudiargratis.com.arE y los
n)meros irn sin comillas, siempre y cuando no cumplan con ser parte de un texto ya que
entonces ser&a texto y no n)mero.
A. Entonces si por ejemplo llamo a la variable a7 cada ves que la llama tendr el valor que en
este caso es Dcurso de Navier en estudiargratis.com.ar (tono va sin las comillas*.
5uando dice0 'rivate "ub 5ommand+M5lic<(*
Ese pr&vate es una instruccin, y !ay varias !ay que ir memorizando bien esto.
#rivate: % los procedimientos 'rivate slo se les puede llamar desde otros procedimientos ubicados en
ese formulario. %scielo con la palabra privado
#ublic: Los procedimientos 'ublic de un formulario se convierten en m/todos del formulario. "e puede
llamar al procedimiento desde cualquier lugar de la aplicacin si especifica los nombres del formulario y
del procedimiento, ascielo como p)blico.
@ota: :na variable tiene rango de accin pero ello ya se ver en su memento cuando las utilicemos.
En el prximo texto vemos unos ejemplos con variables en una aplicacin
Leccion )6
Curso gratis de 3isual 4asic e2emplo con
variables
Cu e2emplo sencillo con variables
"e me ocurre un ejemplo de uso de variables realizando
una aplicacin que sume y reste. Gncluso pueda almacenar un valor
momentneamente
Esto quedar&a asi0
-1123412-.doc L
+* El resultado se mostrar&a en un label+.
+* :n botn de suma y otro de resta.
1* "uman y restan el valor que se escriba en un cuadro de texto.
@* en un frame, que se encuentre otro cuadro de texto con dos botones mas.
A* :no para sumar y otro para restar al valor general el valor que esta en el
cuadro de texto del frame.
... no es tan sencillo en ejemplo para lo que conoce !asta a!ora, pero usaremos lo que se !a aprendido y
seguramente se agregarn algunos pequeos detalles.
:na vez insertados todos los objetos requeridos en un form podr&a quedar por ejemplo algo as&
%!ora variamos los caption, nombres que se muestran y que en el caso del label y los text
afectarn un resultado, por ejemplo si dejramos Label+ y lo queremos sumar a un numero
nos dar&a error. entonces quedaria modificando la propiedad caption de cada objeto de la
siguiente forma0
?ota0 'ara el caption de los cuadros de texto !ay que modificar la propiedad text
Qlvide en esta captura cambiar el 5aption que dice
-1123412-.doc +3
Horm+, !agalo
La alineacin del label la alinee !acia la izquierda con la
propiedad del objeto label alignment
El color del frame+ lo modifique desde la propiedad del
objeto frame+$ac<color.
:n primer cdigo para luego agregar mas y mejorar ser&a
el siguiente doble clic< en botn suma
5digo botn suma por
a!ora0
Private Sub
Command1_Click()
Dim num
Dim Resul
Dim Snum
Resul = Label1.Caption
num = Tet1.Tet
Snum = num ! Resul
Label1.Caption = Snum
"nd Sub
Lo que ac !icimos en este cdigo (que no va a funcionar y ya veremos por que.*
Es lo siguiente, asignar una variable al numero que voy a ingresar
(?um*, otra al resultado (Kesul* y otra a la suma en si (Kesul*. Es
decir asignarle un espacio de memoria a el numero que ingreso, al
que queda ingresado en lo que seria algo as& como el visor de una
calculadora y una variable para que realice la suma.
6eclaro a que ser igual cada variable y le digo al final con
Label1.Caption = Snum# que lo muestre, es decir que muestre
el contenido de la variable "num.
Ruarde y pruebe la aplicacin observar que suma dando
cualquier valor. En el prximo escrito vemos por que este error y
como arreglarlo. El problema est en que suma los n)meros como
si fueran textos. 7*
Leccion ))
-1123412-.doc ++