0% encontró este documento útil (0 votos)
8 vistas40 páginas

Introducción al IDE de Visual Basic 2010

El capítulo 1 introduce el Entorno de Desarrollo Integrado (IDE) de Visual Basic, destacando su importancia y las herramientas que ofrece para facilitar la programación. Se describen las diferentes secciones del IDE, como la barra de menús, el explorador de soluciones y el cuadro de herramientas, así como los pasos iniciales para crear un proyecto. El capítulo 2 presenta el proceso de desarrollo de una aplicación en Visual Basic, enfatizando la planificación y la creación de un proyecto básico, como el famoso 'Hola Mundo'.
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
8 vistas40 páginas

Introducción al IDE de Visual Basic 2010

El capítulo 1 introduce el Entorno de Desarrollo Integrado (IDE) de Visual Basic, destacando su importancia y las herramientas que ofrece para facilitar la programación. Se describen las diferentes secciones del IDE, como la barra de menús, el explorador de soluciones y el cuadro de herramientas, así como los pasos iniciales para crear un proyecto. El capítulo 2 presenta el proceso de desarrollo de una aplicación en Visual Basic, enfatizando la planificación y la creación de un proyecto básico, como el famoso 'Hola Mundo'.
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

CAPITULO 1: Conociendo el Entorno De Desarrollo Integrado (IDE)

Recuperado de: [Link]


mi-primer-proyecto-en-visual-basic-l42099

El Entorno de Desarrollo Integrado (Integrated Development Environment) o IDE es el que


proporciona todas las facilidades para programar en Visual Basic.
Es por eso, que gran parte de este libro, esta orientado a que el lector aprenda a manejar el
software, para poder sacarle el máximo provecho a todas las herramientas que
el IDE proporciona, para programar de manera rápida y eficiente.
A continuación se creará un proyecto para entender mejor como utilizar el IDE de Visual Basic.
Para iniciar un nuevo proyecto, de clic en el menú Archivo y luego en Nuevo proyecto.

Después de unos segundos aparecerá la siguiente pantalla...

En esta pantalla hay múltiples opciones para desarrollo de aplicaciones, elija Aplicación de
Windows form por que lo que vamos a desarrollar es una aplicación para Windows usando
un Formulario como herramienta principal.
Luego escriba en el nombre, Mi primer proyecto y luego de clic en Aceptar y después de unos
segundos Visual Basic desplegará el entorno de desarrollo integrado ó IDE, como se le llamará
de ahora en adelante, en este curso.
Observe que el nombre del proyecto aparece en la barra de título, luego está la barra de menús,
la barra de herramientas estándar y mas abajo está una barra que contiene un elemento con el
nombre del proyecto actual y otro con el nombre de [Link] Todos los archivos de visual Basic
se guardan con la extensión .vb
En el centro, Observe el rectángulo que aparece a la izquierda; este es el FORMULARIO (Form
en inglés) y es para el programador en Visual Basic como el lienzo del pintor, la pizarra del
maestro ó el pentagrama del escritor de música; Es, donde el programador diseña los objetos
que tendrá la interfaz del programa.
Más adelante conocerá más profundamente acerca del formulario, por que el conocimiento de
este, es clave para la programación en visual Basic.
Por ahora, continuemos conociendo el IDE, observando que a la derecha está una columna con
el nombre de Explorador de soluciones que contiene el proyecto y sus respectivos formularios.
En visual Basic, los programas en desarrollo o terminados, son llamados Proyectos
o Soluciones.
Visual Basic 2010 incluye un proyecto .vbproyect) y un archivo de soluciones (.sln)
La diferencia entre un proyecto y una solución es que el primero contiene información y
elementos específicos para un solo programa o proyecto y una solución contiene información
para uno o más proyectos.
Más abajo de la ventana del explorador de soluciones, encontrará la ventana de
propiedades que contiene una columna con el nombre Propiedades, que son los atributos o
características del objeto (control) seleccionado en el formulario y las cuales varían según los
objetos, por que no todos tienen las mismas propiedades.
Por ahora, es bueno que dé una revisión general del entorno de desarrollo integrado (IDE) para
que se familiarice con el. No se preocupe si usted es nuevo en visual Basic y ve un montón de
menús, botones y ventanas que ahora no entiende, por que en las próximas lecciones, conocerá
con más detalle cada una de las secciones del entorno de desarrollo integrado (IDE)

A la izquierda se encuentra el cuadro de Al desplegarlo queda así…


herramientas (ó ToolBox en inglés)
El cuadro de herramientas es de gran utilidad por que es donde escogeremos las herramientas
que vamos a utilizar para construir nuestros proyectos.
Si en el IDE, no logra ver el cuadro de herramientas, es por que esta desactivado; actívelo,
abriendo el menú VER y luego OTRAS VENTANAS y luego clic en CUADRO DE
HERRAMIENTAS que se reconoce por tener como icono, lo que parece, un martillo cruzado con
una llave de mecánico.
Luego regrese al IDE y deberá aparecer el cuadro de herramientas en el lugar ya descrito.
A continuación va a conocer con más detalle cada uno de los elementos del IDE o entorno de
desarrollo integrado.
No se desespere si hasta aquí no ha creado ninguna aplicación, por que el tiempo que dedique
a conocer, observar y leer la teoría acerca del IDE (Integrated Development Environment)
o entorno de desarrollo integrado, le será reconocido con la facilidad que creará sus
aplicaciones en el futuro, al dominar y conocer las herramientas para desarrollarlas.

Conociendo la barra de menús


La barra de menús, es de frecuente utilización, en el desarrollo de nuestras aplicaciones por lo
que debe revisar su contenido.

Menú Archivo:
Casi siempre, está en el primer menú de la barra, por los importantes submenús que contiene.
Por ejemplo si abre menú Archivo encontrará, lo siguiente…

Aquí encontrará la opción para Nuevo proyecto, para abrir proyecto, Guardar todo, Cerrar
proyecto, Agregar, Salir; además de otras opciones, que usted puede explorar.
Menú Editar:
En el menú Editar, los más importantes son los tradicionales y ya
conocidos, Cortar, Copiar, Pegar, y Eliminar.
También tiene el submenú Esquematización que al activarlo permite que en el margen
izquierdo del editor de código, se muestren un signo mas o menos, para esconder y mostrar
parte del código.
Para activar la esquematización debe hacerlo en el menú Editar-------à Esquematización--------
>Iniciar esquematización automática.

En la siguiente imagen se señala con flechas los signos + o – que aparecen cuando se activa la
esquematización y que nos sirven para que solo se muestre el código en el cual estamos
trabajando en determinado momento y también permite dividir el editor en secciones,
separando los procedimientos con una raya horizontal.

114
Al dar clic en el signo menos se ocultará parte del código.

115
Si da clic en el signo menos, de Public Class Form1, se ocultará el código del editor excepto la
línea mencionada.

116
Para quitar la esquematización hágalo en el menú Editor…..>Esquematización--------- > Detener
esquematización y el editor volverá a la configuración original.

117
En el menú Editar está Intellisense que contiene entre otros, la opción para insertar fragmento
de códigos; La cual, también se puede buscar en el menú contextual que se muestra cuando se
da clic derecho en el mouse y que sirve para buscar plantillas de códigos para ciertas
aplicaciones y que al elegirlas la insertamos en el código de nuestro proyecto actual, pero hay
que modificarlo y hacerlo funcionar correctamente.

118
4.5 Menú Ver:
En el menú Ver encontrará la opción para ver el código, el modo diseñador y algo importante
es que si una ventana no se visualiza, por ejemplo el cuadro de herramientas, puede buscarla
en Otras ventanas como se muestra a continuación.

119
Al dar clic encontrará…
1110
Observe que en Otras ventanas también está el explorador de soluciones y Ventana
Propiedades.
Es importante que recuerde donde están, por que los necesitará con mucha frecuencia. A veces,
por acciones voluntarias o involuntarias, puede hacer no visibles algunos elementos del IDE y
tendrá la necesidad de activarlas desde aquí.
Menú Proyectos
Luego tenemos la ventana PROYECTO

1112
Desde esta ventana y sus ítems, podrá agregar formularios a sus proyectos, utilizando Agregar
Windows Forms y otros elementos que necesite. También Puede aquí, cambiar la configuración
de los proyectos (mas adelante se explica en que consiste)
En este menú se encuentra el submenú Propiedades del proyecto, que nos permite tener
acceso a las propiedades del proyecto, el cual se explicará con más detalle en un capítulo
posterior.
Menú Depurar
Este menú es muy importante por que permite probar los proyectos que está desarrollando y /
o los cambios que le vaya haciendo.

Tiene su representación también en la barra de herramientas estándar con un ícono


representado por una flecha o play.

El menú Depurar tiene los siguientes Submenús, que puede ver en la imagen que sigue.
El submenú Ventanas, permite activar o desactivar la ventana Inmediato que hace que en la
parte inferior del IDE se muestre una ventana en donde informa de los errores que se producen
al depurar la aplicación. Esto es de importancia por que allí se puede ver el numero de línea de
cada error que hay en el código; Al dar clic en una de ellas, nos ubica el cursor exactamente en
la línea donde esta el error.

1116
Menú Generar:
La barra de menús, contiene el menú GENERAR, para producir el archivo ejecutable del
proyecto; Pero solo se activa si ya esta un proyecto en desarrollo o terminado.
El archivo que se genera con este menú es de extensión .exe y es el que generalmente se
distribuye al usuario final del programa.

Observe en las imágenes, que la barra de menús al abrir Visual Basic, tiene menos opciones
que la barra de menús, cuando ya se esta en un proyecto nuevo ó existente; por que se activan
los menús Proyecto, Generar, Depurar y Datos. Esto sucede cuando ya se abrió el IDE para un
nuevo proyecto pero no se han agregado controles.
Menú Formato: sirve para dar formato a los controles y solo se activa si hay un objeto en el
formulario.
Luego observe el menú Formato, que se hace visible y activa solo cuando se agrega el primer
control u objeto en un formulario.

1118
4.9 Menú Datos:
En el menú Datos se encuentran varios submenús como puede ver en la siguiente imagen…

Uno de ellos es Mostrar orígenes de datos que sirve para conectar Visual Basic a bases de
datos.
Menú Formato:
Sirve para configurar espaciado, alineado y centrado de controles, además de otras funciones.
Por ejemplo, si queremos que un grupo de controles tengan el mismo tamaño, debemos
seleccionar los controles, luego abrir el menú Formato y elegir Igualar tamaño.
Podemos de igual manera, en menú Formato, definir el espaciado horizontal o vertical así
como ordenarlos.

4.11 Menú Herramientas:


No confundir con el cuadro de herramientas por que son cosas diferentes.
Un Ítem importante es el que sirve para trabajar con bases de datos (Conectar con base de
datos) pues es útil para conectar bases de datos con aplicaciones de Visual Basic.
En el menú contextual está el submenú Opciones, sea cuidadoso al habilitar o deshabilitar las
casillas por que puede provocar que el programa haga cosas inesperadas. Si lo hace, no se
preocupe porque más adelante encontrará la manera de restablecer el IDE a su configuración
original.
Observe que aquí también puede elegir elementos para el cuadro de herramientas, lo cual es
una alternativa a la opción directa con clic derecho en el mouse, en donde sale la misma
opción para elegir elementos del cuadro de herramientas.
A continuación vea una imagen del submenú del menú Herramientas.
4.12 Menú Ventana:
Aquí se encuentra un elemento muy importante como Restablecer diseño de ventana que
permite recuperar el entorno de desarrollo integrado a su configuración predeterminada. Esto
es útil cuando hemos hecho cambios en las ventanas del IDE y nos hemos perdido y deseamos
volver al principio del camino que iniciamos.

Menú Ayuda:
Puede observar las opciones que presenta y le serán de mucha utilidad, especialmente, si tiene
conexión a internet, pues hay suficiente información sobre diferentes temas relacionados a
visual Basic.

Ya tendrá la oportunidad de utilizar la mayoría de los submenús que acaba de ver, pero es
importante que usted por su propia cuenta haga sus propias exploraciones en la barra de menús
y submenús, así como, los menús contextuales.
CAPITULO 2: Mi primer proyecto en Visual Basic.

Para crear un proyecto en Visual Basic hay que seguir los siguientes pasos:
1. Pensar y si es posible escribir o hacer un dibujo de lo que se desea hacer.
2. Hacer un algoritmo para la solución de un problema que se quiere resolver.
3. Dibujar la interfaz de usuario (lo que el usuario del programa verá) ó como el programa
se verá una vez terminado.
En esta etapa tenemos que definir cuantos controles llevará y cuales serán.
1. Configurar las propiedades de los controles.
2. Escribir el código
3. Ejecutar el programa para probarlo
4. Generar el programa (hacer el programa ejecutable)
5. Publicarlo o distribuirlo.
Seguir los pasos anteriores, es de mucha utilidad por que al ser algo planificado, da más
productividad en menos tiempo, por que al comenzar ya tiene idea de que es lo que desea; Es
como cuando un constructor va a construir una casa, primero hace un plano de la casa o busca
quien se lo haga y luego la construye; No va a construir primero y después hacer el plano.
Otro aspecto importante antes de iniciar un proyecto de una aplicación, es estar seguro que es
lo que el cliente desea resolver con la aplicación y como le gustaría que quede el programa.
Recordemos que los programadores trabajamos muchas veces paranuestros clientes y es a ellos
que debemos dejar satisfechos, resolviendo problemas con las aplicaciones que desarrollemos
para ¡Hacer La Vida Más Fácil!
Por ejemplo, si un médico nos pide que desarrollemos un programa para medir
automáticamente el índice de masa corporal, debemos primero preguntarle cual es la formula
que el utiliza para obtener ese dato y cuales son las variables que utiliza (En este caso el médico
nos diría que las variables son peso y talla y quela formula es peso en kg / Talla²) con estos
datos solo nos falta saber cual es el diagnóstico de acuerdo al resultado del IMC y el ó la doctora
probablemente responderán que los diagnósticos son:
Bajo peso, peso normal, sobrepeso, obesidad tipo I, Obesidad tipo II,etc. Ya con estos datos
podríamos crear una aplicación para calcular automáticamente el índice de masa corporal (IMC)
y por supuesto que aprenderá a hacerlo pues al final de este libro, esta incluido un proyecto
para calcular el IMC
Pero no se preocupe si esto lo ve complicado. Porque pronto serán cosas fáciles para usted,
después de leer y hacer los ejercicios de este libro.
Primera Aplicación ¡hello world!
Así, tal y como está; sin letras mayúsculas, se escribió el primer mensaje en un lenguaje de
programación.
Por tradición, La primera aplicación que un estudiante de programación hace es el famoso
¡hello world! O ¡hola mundo! Porque fue, la primera frase que el programador Brian
Kernighan, mencionó como un ejemplo introductorio en un tutorial de Introducción al
lenguaje B, en tiempos tempranos de la programación allá por 1973, pero que la popularizó,
utilizándola por primera vez en el tutorial “Programando en C” y luego en la obra “The C
Programming Language” (Programando En Lenguaje C) escrita junto a Dennis Ritchie, creador
del lenguaje C
Ejercicio “Hola Mundo”
Si tiene cerrado el programa dé clic en Inicio-------- >Visual Studio 2010 Express--------->Visual
Basic 2010 Express------------->Menú Archivo--------- > Nuevo proyecto------------- > Windows
Form--------->
Ponga atención a los pasos anteriores, por que van a ser de frecuente uso en la mayoría de
ejercicios que haga en Visual Basic.

Asígnele el nombre Mi primer proyecto y de clic en ACEPTAR luego espere a que cargue el
programa para desplegar el IDE y la pantalla quedará, aproximadamente como la siguiente
imagen:

En la imagen anterior, el área coloreada y cuadrada es el formulario, y puede ser modificado en


su tamaño usando código o simplemente fijando el puntero del mouse en la esquina inferior y
arrastrando según desee, tal y como se hace con las imágenes en Word.
En la barra de títulos aparece el nombre que le dio al proyecto “Mi primer proyecto” y el
formulario aparece con el nombre predeterminado Form1 por que es el primer formulario de
este proyecto. Si al proyecto le agrega otro formulario, se llamaría Formulario 2 o Form2 y así
sucesivamente.
En las siguientes imágenes el formulario ha sido modificado en su tamaño, arrastrando sus
bordes con el puntero del mouse.
El nombre del formulario que aparece en la parte superior y que es visible por el usuario,
puede ser cambiado desde la ventana propiedades cambiando su propiedad Text; Pero hay una
propiedad Name en el formulario que es el que no es visible al momento de la ejecución de la
aplicación y que sirve para que el programa identifique al objeto formulario; Mas arriba
observe que hay una pestaña que dice [Link] y otra [Link] (diseño) si damos clic en la
primera, nos presentará la ventana para escribir el código del programa como lo muestra la
siguiente imagen:

Si damos clic en la segunda pestaña [Link] (diseño) nos mostrará nuevamente el formulario
de diseño.
Abrir el Editor De Código:
El editor de código se puede activar usando uno de los siguientes métodos:
1) dando clic en la pestaña [Link] que esta sobre el formulario.
2) desdé el ítem Código en el menú VER
3) Dando doble clic sobre el formulario de diseño.
4) Presionando F7
5) Clic derecho sobre el Form1 en el explorador de soluciones y en el menú que se abre
elegir Ver Código.
¡Hágalo!
Abra el editor, usando uno de los métodos anteriores y en la ventana de código escriba lo
siguiente entre las líneas Private Sub y End Sub que el programa ya escribió por usted ¡que
ayuda tan fabulosa por que lo más difícil lo hace el asistente del programa!
Dim MSJ as String
MSJ = "¡hola mundo!"
MsgBox (MSJ)
Después de escribir lo anterior el editor de código tendrá el siguiente aspecto.
Public Class Form1
Private Sub Form1_Load(ByVal sender As [Link], ByVal e As [Link]) Handles
[Link]
Advertencia: EL código anterior debe ir en una sola línea, lo que pasa es que Word lo des
configura al copiarlo. Pero Visual Basic lo escribe por usted.
Dim MSJ As String
MSJ = "¡hola mundo!"
MsgBox(MSJ)
End Sub
End Class
Recuerde: En el editor de código la línea de Private Sub está en una sola línea y el programa la
escribe por usted, por lo que solo escribirá las tres líneas coloreadas de amarillo.
Depuración ó Debugger:
Depuración: es el proceso mediante el cual se prueba una aplicación, se buscan, detectan y
corrigen errores.
La herramienta utilizada para tal fin, es el Depurador ó debugger en inglés y para acceder a él,
se hace en el menú que lleva ese nombre en la barra de menús.
Como ejecutar o depurar un programa:
Los métodos para ejecutar y probar una aplicación son:
1. Clic en menú depurar de la barra de menús y luego clic en Iniciar depuración.
2. Clic en el menú play de la barra de herramientas estándar.
3. Presionando F5
Una vez escrito el código anterior, pruebe el programa dando clic en play o desde el Ítem Iniciar
Depuración en el Menú DEPURAR o presionando F5
Y aparecerá el mensaje ¡hola mundo! como se ve en la siguiente imagen, en donde también
puede revisar el código.

Podemos probar una y otra vez la ejecución del proyecto dando clic en play para ejecutar el
proyecto ó pulsando la tecla F5 y deteniéndolo mediante el botón Stop el cual se encuentra en
la barra de menús.

Como ve en la imagen anterior, el botón ejecutar ó play, esta activo y el botón parar ó stop esta
inactivo. En este caso el programa no está en ejecución o en prueba; pero si
presionamos play entonces se inactivará el ícono play y se activará el menú Stop para poder
detener la ejecución cuando queramos.
Todo esto, como ya explicamos, de ejecutar y parar la ejecución de un programa, lo podemos
hacer desde el menú Depurar--------àIniciar depuración ó con F5
De clic en Depurar, luego en Iniciar depuración y tendrá este resultado.

Puede crear un nuevo proyecto para probar la depuración o trabajar con el proyecto que recién
creó.
Si hace las pruebas con proyecto nuevo y no agregó controles, tendrá el siguiente formulario.

El resultado de la ejecución del programa será un formulario bien definido por que es el
producto final de la ejecución. Observe que el botón Play quedó inactivo y el de Stop se activó
y si abre el menú depurar, verá que se inactivó el submenú Iniciar depuración y se activó el
de Detener depuración.
También puede detener la ejecución del programa dando clic en el símbolo X del formulario en
ejecución, que se encuentra en la esquina superior derecha del formulario, cerca del
botón minimizar y maximizar del formulario.

Cada versión nueva del lenguaje Visual Basic, nos permite hacer cosas más complejas, con
menos trabajo, por que el programa nos ayuda bastante escribiendo código por nosotros; Si
nos equivocamos nos avisa de ese error y hasta nos sugiere que podemos hacer para
corregirlos.
Ahora revisaremos y modificaremos las propiedades del formulario y le pido ponga su máxima
atención en esta parte, por que entender el formulario y sus propiedades, nos facilitará las
tareas de programación.
Pero antes de continuar, cierre el proyecto actual dando clic en el ítem Guardar todo del
menú Archivo, luego el programa le preguntará si quiere guardar los cambios y le dará la opción
de cambiar o dejar el mismo nombre y luego dé clic en Guardar y se guardará y cerrará el
programa. Pero si elige Cancelar, el programa o proyecto no se guardará; Le sugiero lo guarde.
Porque es su primer proyecto (¡hola mundo!)

¡Felicidades! si ha llegado hasta aquí porque ya veo que usted es perseverante y tendrá éxito en
la programación o quizá ya lo tenga.
CAPITULO 3: Cuadro de herramientas, Controles y Formulario

El cuadro de herramientas, contiene los controles que utilizamos para desarrollar la interfaz y
por lo general está en el lado Izquierdo del IDE
Definición de Control:
Los controles son objetos y los objetos son combinaciones de datos y códigos que se tratan
como una unidad.
Ejemplos de controles:
Todos los objetos que están en el cuadro de herramientas son controles, tales como: El
formulario, Label, Button, TextBox, PictureBox, Timer, etc.
Propiedades, Métodos y Eventos:
Todos los controles tienen las siguientes características:
1. Propiedades: Definen sus características como color, tamaño, posición, nombre, etc.
2. Métodos: Son un conjunto de procedimientos que hacen posible que un control realice
una acción.
Ejemplo de métodos son: el método Show y el método Hide que hacen que un control se haga
visible y se esconda según el método instanciado o llamado.
1. Eventos: Son acciones reconocidas por un control y que hace que este genere una
respuesta.
Ejemplo de Eventos son: Evento clic en un botón; hace que este retorne una respuestasegún se
haya programado, como cerrar un formulario o mostrar un mensaje. Evento Mouse Enter en un
Label puede hacer que se muestre un mensaje cuando el puntero del mouse llega al control.
El formulario tiene más de 80 eventos a los cuales puede responder.
Los objetos son los elementos que colocaremos en el formulario y este en sí, es también un
objeto. En la imagen siguiente puede ver muchos ejemplos de controles en el cuadro de
herramientas y que utilizaremos para desarrollar nuestros proyectos.
Como recordará el Cuadro de herramientas se encuentra en el lado izquierdo del IDE y si no lo
visualiza es porque no está activo, en este caso, búsquelo en el menú VER--------- OTRAS
VENTANAS--------- CUADRO DE HERRAMIENTAS.
Otra forma más sencilla de activar el cuadro de herramientas, es usando ALT+CONTROL+X
En el cuadro de herramientas, los controles están ordenados en categorías para facilitar su
localización.

Controles creados por código.


Usted puede crear controles sin usar el cuadro de herramientas, sino, usando código.
También se puede crear el formulario usando código y se muestra como se hace en el capítulo
dedicado a él.

EL FORMULARIO
Propiedades del formulario
Se debe conocer muy bien el formulario, porque es el elemento, con el cual más trabajaremos
en el aprendizaje y desarrollo de aplicaciones
El formulario tiene 56 propiedades agrupadas en 8 categorías. Pero son muchas más, por que
algunas de ellas, tienen otras propiedades en submenús y que pueden ser aplicadas al control
formulario.
Ver las Propiedades del Formulario
Se puede abrir la ventana de propiedades del formulario de la siguiente manera:
1. Presionando F4
2. Clic derecho en el mouse y en el menú que se muestra elegir Propiedades.
3. Menú Ver en barra de menús ------- > Ventana de Propiedades.
4. Clic derecho en Form1 en el Explorador de Soluciones y en el menú contextual que se
muestra, elegir y dar clic en Propiedades.
5. Presionar las teclas Alt+Enter.
Asegúrese que el formulario esté activo o seleccionado, por que si ya hay un control, a veces la
ventana de propiedades que se despliega es la de otros controles y puede crearle confusión
Una de las propiedades es Name que tiene especial importancia, porque es con el que Visual
Basic reconocerá el control desde el código, por lo que no hay que confundirlo con el nombre
visible del formulario que se define mediante la propiedad Text

Al iniciar un proyecto, el formulario se presenta casi automáticamente y tiene propiedades ya


definidas que podemos modificar o dejarlas como están.
Vamos a crear un nuevo proyecto.
Abra Visual Basic y en el menú archivo elija Nuevo proyecto y luego seleccione, Aplicación de
Windows Form, Asígnele el nombre Formulario y luego de clic en Aceptar.
Se desplegará una pantalla como la de la imagen siguiente.

Observe en el lado derecho del IDE, que aparece en el explorador de soluciones, el


nombre Form1 con la extensión predeterminada que es .vb como es el primer formulario en
este proyecto aparece como [Link]
Mas abajo podemos ver la ventana de propiedades del formulario; a continuación
estudiaremos las más importantes.

Nota: La siguiente imagen es continuación de esta, y demuestra todas las propiedades del
formulario, observando que gran parte de ellas tienen submenús, que aumentan el número de
propiedades de un objeto, en este caso el formulario.
En las siguientes páginas, haremos uso de algunas de estas propiedades para ver su efecto en el
formulario.
Poner título al formulario:
Inicialmente el formulario tiene un título por default o predeterminado. Si es el primer
formulario del proyecto se llamará form1 y es lo que aparece en la propiedad Text y en la
propiedad Name. Si es el segundo formulario se llamará form2 y así sucesivamente. Pero como
queremos hacer más significativo el título, tenemos que modificar la propiedad Text del
formulario en la ventana de propiedades.
Para cambiar el título visible del formulario hágalo en la propiedad Text del cuadro de
propiedades borrando lo que allí está escrito y escriba Mi Formulario; luego dé Enter o clic
fuera de la ventana de propiedades y verá que el título del formulario ha cambiado y es lo
mismo que usted puso en la propiedad Text.
Observe la imagen siguiente y vea el cambio.

Al dar Enter o clic afuera tendremos un nuevo título en el formulario.


Como se ve en la siguiente imagen.

Cambiar tamaño del formulario:


Para aumentar el tamaño del formulario lo puede hacer de tres formas:
1. Arrastrando las líneas que rodean al formulario, ya sea desde la línea vertical para
agrandarlo o disminuirlo horizontalmente ó desde la línea horizontal para agrandarlo o
disminuirlo verticalmente, y desde la esquina inferior derecha, para agrandarlo o
disminuirlo, tanto en altura como en ancho, es decir, horizontal y vertical. Observe que a
medida que arrastra el mouse sobre la línea del formulario se muestran unos números
en la esquina inferior derecha y casi siempre debajo de la ventana propiedades, ellos
nos van indicando el ancho y la altura respectivamente. Pero es importante tomar en
cuenta que esta información solo se activa mientras se arrastran con el mouse las líneas
del borde del formulario.
Así que si queremos saber el tamaño de un objeto, en este caso el formulario, solo nos fijamos
en esta parte del ID

Haga pruebas arrastrando las líneas del formulario para cambiar su tamaño como
acostumbramos a hacerlo con las imágenes de Word.
1. Modificando la propiedad Size en la ventana de propiedades del formulario.
Observe en la siguiente imagen que el tamaño actual es de 400; 450

Luego cambie esos números por 200; 250 luego de enter y observe el resultado en el
formulario.

Tendremos un formulario pequeño porque cambiamos la propiedad Size que define el ancho y
la altura del formulario.
Practique escribiendo diferentes números cada vez en esta propiedad y observe los efectos que
tienen el cambio en los números del SIZE, en el tamaño del objeto.
3) Cambio de formulario desde código:
También se puede cambiar el tamaño desde código.
Ejercicio: cree un nuevo proyecto con el nombre TamañoFormuCódigo y dé doble clic en el
formulario para abrir el editor de código y entre Private Sub y End Sub escriba lo siguiente:
[Link] = 250
[Link] = 600
El código completo se verá así:

Con lo anterior está dando las instrucciones mediante código para que el formulario tenga una
altura (Height) de 250 y un ancho (Width) de 600
Observe que se usa la palabra reservada Me para referirse al formulario porque el formulario no
se puede llamar a si mismo por su nombre.
Al ejecutar la aplicación el resultado es como la imagen que sigue.
Como puede observar, el formulario adoptó el tamaño según las medidas definidas en el código
escrito.
Después de practicar con el tamaño del formulario deje la propiedad Size en 600; 500 para que
nos quede como la siguiente imagen por que debemos seguir modificando otras propiedades.

Cambiar el nombre de un Formulario:


Busque en la ventana propiedades, la propiedad (Name) que es la tercera de la lista de arriba
hacia abajo y que por default es Frm, pero que podemos cambiar. Hay que tener mucho
cuidado al cambiarla por que Name es el nombre de referencia para que Visual Basic reconozca
el objeto ó formulario. Esto tiene importancia cuando usted escriba código y haga un llamado
al formulario. Si no está bien escrito no lo reconocerá y habrá error.
El Name debe darnos una idea de lo que trata el formulario; Por ejemplo si se trata de un
formulario donde diseñamos un reloj, El Name podría ser FrmClock o FrmReloj; generalmente
formulario siempre se abrevia Frm

El nombre que escribamos en esta propiedad solo se ve en el código y no hay que confundirlo
con la propiedad Text que permite ponerle título al formulario como se describió unos párrafos
antes.

En el siguiente ejercicio cambiamos el (Name) a FrmColor y podemos ver que este mismo
nombre aparece en la página de códigos del IDE para el formulario.
Es tiempo de decirle que en programación, un punto de más o un punto de menos, un espacio
que falta o que sobra, una coma de más o una coma que falta nos puede bloquear la ejecución
de un programa. Por lo que debemos ser cuidadosos al poner nombres a objetos y escribir
código.
Cambiar color a un formulario:
El formulario trae un color predefinido, pero lo podemos modificar cambiando la
propiedad BackColor (color de retorno).

En la ventana de propiedades, BackColor está en el Ítem numero 16 de arriba hacia abajo y


que en la siguiente imagen esta resaltada en azul por que ha sido seleccionada.

Dé clic en la pestaña de la derecha, de la propiedad BackColor y se desplegará la siguiente


imagen en donde se lee: Personalizado, Web y Sistema.
Cada una de las tres opciones, nos permite acceder a alternativas de colores en donde
podemos escoger el color deseado. Observe que hay unos colores que están en una opción y
otros están en otra; por lo que usted debe navegar por estos submenús usando el ScroollBar o
barra de desplazamiento para que vea la variedad de colores que hay en cada submenú.
Por ejemplo; en la imagen siguiente está seleccionado el submenú Personalizado.
Es su tarea, revisar las otras opciones en los submenús Web y Sistema.

En la paleta de colores de la opción Personalizado de la propiedad BackColor, dé clic en el


cuadrito del color rojo y verá que el formulario cambia de color y la
propiedad BackColor quedará así.

Y el formulario se coloreará de rojo…

Cambie el color del formulario a otros colores para que vea que sencillo es hacer el cambio de
color de un objeto.
Insertar Imagen en Formulario:
Se hace usando la propiedad BackGroundImage de la ventana de propiedades y que es de
arriba hacia abajo la numero 1

En la propiedad BackGroundImage vemos a la derecha unos puntos suspensivos, que nos


indican que hay algo más allí, por lo que debemos dar clic y se desplegará la siguiente ventana.

Se debe activar la casilla Recurso Local para que se active el botón importar.

Dé clic en Importar y se abrirá la siguiente ventana:

Busque una imagen que tenga guardada en su computadora o puede escoger las imágenes de
muestra, en la carpeta Imágenes. En este ejemplo, escogí la siguiente imagen, pero usted puede
escoger cualquier otra, solo navegue hasta ella y selecciónela o dé clic en Abrir; y quedará más
o menos así:
Y al darle Aceptar se desplegará la ventana con la imagen.

¿Que mira de raro en esta imagen?


Probablemente que la imagen no se ve completa, por lo que, para mejorarla debe ir a
propiedades y buscar la propiedad BackgroundImageLayout que actualmente se encuentra así:

De clic en la pestaña que está en ese ítem y verá las siguientes opciones…

Elija la opción Stretch dando clic…

Y observe como la imagen en el formulario se acomoda de la siguiente manera…


Pruebe a seleccionar las opciones Zoom, Title, Center y None para observar el resultado.
Una cosa antes de seguir; si usted quiere conservar los cambios que va haciendo en el proyecto
solo tiene que elegir la opción Guardar todo en el menú Archivo, luego el programa le
pregunta si quiere asignar un nombre al proyecto, por default, el programa le asigna el nombre
de Windows Aplication1, Pero como a este proyecto, ya le había asignado un nombre, solo dé
clic en Aceptar
Cambiar Borde al Formulario
El borde se cambia mediante la propiedad FormBorderStyle…

Pruebe las opciones del cuadro anterior y luego ejecute el programa, usted ya sabe como.
Bueno pero si se le olvidó de clic en el botón play o desde el ítem Iniciar depuración del
menú Depurar ó simplemente presionando F5.
Y observe que el borde del formulario cambia, según la opción seleccionada, como puede ver
en las siguientes imágenes.
Formulario sin borde

Formulario con borde FixedSingle


CAPITULO 4: Objetos ó Controles

Cada objeto o control que usemos en el proyecto tiene sus Propiedades que definen sus
atributos o características.
Definición de Propiedad.
En informática una propiedad se define como el conjunto de datos que le dan las características
a un objeto o control.
Es por eso que profundizaremos un poco en el conocimiento de las propiedades en general para
todos los controles.
Ya usted conoció algunas de ellas, cuando hablábamos del formulario y sus propiedades. Pero
ahora haremos un enfoque general para todos los controles, El lector tiene que tomar en
cuenta que algunas propiedades aplican para unos controles u objetos pero no para otros. Por
esta razón los ítems o elementos de la ventana de propiedades no son iguales en todos los
controles. Dicho de otra manera, no todos los objetos o controles tienen las mismas
propiedades.
Abrir Ventana de Propiedades.
La ventana de propiedades se puede abrir con los siguientes métodos:
1. Presionando F4
2. Dar clic izquierdo en el control y en el menú contextual que se abre debe
elegir Propiedades.
3. En el menú Ver de la barra de Menú, elegir Ventana Propiedades.
4. Clic derecho sobre el control y en el menú mostrado, elegir Propiedades.
5. Presionando Alt+Enter
6. Clic en el ícono correspondiente a Propiedades en el Explorador de soluciones.

8.4 Categorías de las propiedades.


Las propiedades están clasificadas en las siguientes categorías:
1. Accesibilidad
2. Apariencia
3. Comportamiento
4. Datos
5. Diseño
6. Estilo de ventana
7. Foco
8. Varias
El lector puede ver en la ventana de propiedades, que ítems de propiedades están en cada
categoría, y verá que por ejemplo, en la categoría Apariencia, están las propiedades siguientes:
En este caso se trata de las propiedades para el formulario pero quizá varíe en algunos ítems en
otros controles u objetos.
En la imagen anterior, las propiedades están ordenadas en categorías pero también puede
hacerse en orden alfabético y esto se logra utilizando el ícono correspondiente en la parte
superior de la ventana de propiedades.

Si elije el ícono que tiene la letra A Z, las propiedades se organizarán en orden alfabético y si
elige el otro, se ordenarán en categorías.
La siguiente imagen corresponde a la ventana propiedades organizada en orden alfabético…

Ahora dedique tiempo para explorar en la ventana de propiedades, los diferentes Ítems y los
submenús que algunos de ellos tienen. Y si quiere una descripción de cada Ítems observe que
tal y como ya se explicó cuando abordamos el tema de propiedades del formulario, al
seleccionar una propiedad aparece su utilidad en un cuadro de la parte inferior de la ventana.
A continuación puede observar, que se seleccionó la propiedad Name del Formulario y
automáticamente aparece una descripción en un cuadro en la parte inferior.

Aparte de leer y entender lo que significan, intente aplicar algunas de ellas para ver los
resultados, recuerde que en programación es práctica común en el proceso de aprendizaje y
aun en el desarrollo de aplicaciones por gente con mucha experiencia, el sistema de prueba-
error-corrección-prueba. Lo que significa que a veces tenemos que probar y modificar decenas
de veces un código, antes de dar con el correcto.
Como ya se dijo y no está demás repetirlo, las propiedades son diferentes según el control, por
ejemplo, no es lo mismo un control Label que un control Botón o un control Timer.
La ventana Propiedades tiene su nombre en la parte superior y tiene su botón X para cerrarla.
Una figura que parece la imagen de una jeringa sirve para ocultar automáticamente la ventana y
que solo aparezca cuando se sitúa el puntero del mouse sobre la parte derecha del monitor.
1. Mover la ventana propiedades dentro del IDE
Podemos mover la ventana de propiedades a cualquier lugar de la ventana del IDE.
Predeterminadamente aparece en la parte inferior derecha.
Si la ventana de propiedades esta flotante podemos fijarla en cualquier área del IDE, para
hacer esto, se arrastra la barra de título de la ventana hacia arriba, abajo, a la derecha, a la
izquierda o al centro del IDE.
Mientras se arrastra la ventana de propiedades en el IDE aparecerán unas guías en forma de
cruz, que al pasar el puntero del mouse que arrastra la ventana sobre una de ellas, activará un
área sombreada en color azul claro, que nos indica donde quedará fijada la ventana de
propiedades al soltar el mouse en ese momento.

Note que la cruz guía tiene anclas en cada extremo por lo que se puede elegir arriba, abajo a la
derecha, la izquierda o al centro; la posición será diferente en cada una de ellas. Pruébelas para
que vea el resultado.
La siguiente, es la imagen de la cruz guía que aparece cuando se arrastra la ventana de
propiedades en el IDE.

En el ejemplo anterior, la ventana de propiedades se ancló o fijó en el centro. Pero también se


puede anclar en otras posiciones donde aparece la cruz guía.
CAPITULO 5: Cuadro De Herramientas (ToolBox)

El cuadro de herramientas es un elemento importante en el IDE, pues es allí donde están los
controles que usaremos en nuestros proyectos.
Por default, está localizado en el lado izquierdo. Si no lo ve, actívelo en el menú Ver-----
àOtras Ventanas-------àCuadro de Herramientas. O mediante Control + Alt + X como ya se
explicó anteriormente.
No confundir Cuadro de herramientas con la barra de herramientas en el menú Ver porque son
cosas diferentes.
El cuadro de herramientas contiene más de 130 controles para utilizar en nuestras tareas de
programación.
Podemos aplicar la característica de autoíde (ocultar automáticamente) y solo desplegarlo

cuando lo necesitemos, mediante uso del pushpin o podemos cerrarlo completamente


mediante el botón Cancelar.
También podemos dar Clic en la flecha (arrow) y elegir entre ocultar el cuadro de herramientas
o dejarlo flotante. Esta última característica permite colocar el cuadro de herramientas en
cualquier lugar del IDE.
Flotante significa que podemos arrastrar el cuadro de herramientas con el puntero del mouse y
mientras hacemos esto aparecerán las cruces guías como sucede con la ventana de
propiedades.
El cuadro de herramientas debe estar cerca de nuestro entorno de desarrollo para poder
arrastrar fácilmente los controles necesarios hacia el formulario de diseño.

Categorías de los controles en el cuadro de herramientas:


Los controles en el cuadro de herramientas están distribuidos en las siguientes categorías:
1. Controles comunes
2. Contenedores
3. Menús y barras de herramientas
4. Datos
5. Componentes
6. Impresión
7. Cuadros de dialogo
8. Interoperabilidad WPF
9. Informe
10. Visual Basic Power Packs
11. General.
Es tarea del lector de este libro, revisar cada categoría, para ver que controles tiene cada una de
ellas, para que no le cueste encontrarlos cuando los necesite, pero en general tienen un orden
lógico, como por ejemplo, en la categoría Impresión, encontramos controles relacionados con la
impresoras e impresiones, como puede ver en la siguiente imagen…

Agregar controles al cuadro de herramientas


Para eliminar o agregar elementos o controles de la barra de herramientas se da clic derecho en
el mouse mientras el cursor está en la columna de la barra de desplazamiento y aparecerá el
siguiente menú…

Luego se da clic en Elegir elementos…para que se muestre una ventana (puede tardar varios
segundos en desplegarse por lo que aparecerá primero un reloj de arena o una barra de
progreso en forma de dona) por lo que debe esperar hasta que se muestre la siguiente ventana.

Ahora solo falta que busque el control que necesita, generalmente está en el
menú Componentes COM de esta ventana. Escójalo poniéndole un check, en el cuadrito o
CheckBox y le de Aceptar. A continuación revise el cuadro de herramientas, pues allí debe
estar el control que agregó.
Eliminar un control del cuadro de herramientas.
Eliminar un control es mucho más fácil, pues basta dar clic derecho sobre el control que se
desea borrar y dar clic en Eliminar…sí… así como elimina archivos en Microsoft Office. Puede
observar en la siguiente imagen el menú contextual para eliminar controles en el cuadro de
herramientas.
Recuerde que si por error borra o elimina un control, lo puede recuperar mediante la acciones
ya explicadas para adicionar un nuevo control al cuadro de herramientas.

Cambiar tamaño al cuadro de herramientas.


El cuadro de herramientas también puede cambiarse de tamaño arrastrándolo con el puntero
colocado en las líneas de los bordes, igual que se hace para cambiar de tamaño una imagen.
1. Moviendo el cuadro de herramientas.
Igual que la ventana de propiedades, el cuadro de herramientas también puede moverse y
anclarse en cualquier lugar del IDE y alhaceresto se muestran las cruces guías.
Coloque el puntero del mouse en la parte superior (en el borde) de la caja o cuadro de
herramientas y luego lo arrastray observe que mientrasmueve el cuadro, aparecen las guías de
ubicación del cuadro de herramientas.
Observe que las cruces guías aparecen en todos los puntos cardinales del entorno.
Mientras usted arrastra el cuadro, las guías permanecen sin moverse por lo que ubique el
puntero del mouse en uno de los rectángulos amarillos de lascruces guíasy aparecerá un área
azul que le indica donde quedará la caja o cuadro de herramientas si suelta el mouse en ese
momento.
Por ejemplo, en la imagen siguiente, se ubicó el mouse en el brazo izquierdo de la cruz guía y
apareció el área azul que nos indica el lugar donde se anclará la caja o cuadro de herramientas.

Si está siguiendo la práctica en esta explicación y su IDE se presenta como en la imagen


siguiente, el cuadro de herramientas se ubicaría en el rectángulo azul.
Pero si es como la siguiente imagen, se ubicaría en la parte inferior coloreada de azul.

Llevando controles del cuadro de herramientas al formulario


Para llevar un control al formulario, desde el cuadro de herramientas, se pueden usar los
siguientes métodos:
1. Arrastrándolo con el puntero del mouse desde el cuadro de herramientas hasta el
formulario
2. Usando el método Copiar y Pegar
3. Clic en el control y a continuación otro clic en el formulario
4. Clic en el control, luego Control + C y a continuación control + v en el formulario.
5. Clic derecho sobre el control, a continuación seleccionar copiar y luego llevar el puntero
del mouse al formulario, dar otro clic derecho y por último dar clic en Pegar.
6. Desde un control que ya está en el formulario, se puede copiar y pegar en el mismo
formulario, para crear una copia idéntica del control.
7. Crearlo usando Código
Practique los diferentes métodos para dibujar o crear controles en el formulario porque en
programación de Visual Basic, será actividad frecuente y debe desarrollar habilidad para crear
controles con facilidad.
A continuación se describirán los controles más comúnmente utilizados en las tareas de
programación en Visual Basic 2010.
El formulario también es un control pero dado que es contenedor de los demás controles fue
descrito en un capítulo anterior.
Cambiar nombre a un control del cuadro de herramientas
Para cambiar el nombre a un control del cuadro de herramientas, dé clic derecho con el puntero
del mouse sobre el control que quiere cambiar de nombrey en el menú que se muestra,
elija Cambiar nombre del elemento; se presentará el nombre del control en una casilla tipo
TextBox, lista para que usted escriba el nombre.
Es igual al procedimiento que se hace para cambiar el nombre a un archivo en Mis Documentos.
Si cambia nombre a un control, asegúrese que escogió un nombre relacionado a lo que el
control hace, para localizarlo fácilmente cuando lo necesite.
El cambio de nombre solo es a nivel de lo visible, por que internamente el programa sigue
utilizando el que tiene por default (predeterminado).
Por ejemplo, cambie el nombre del Button a Botón y verá que efectivamente cambia; Pero
ahora agregue un Botón al formulario y verá que se sigue llamando Button.
Cambiando de posición un control del cuadro de herramientas.
Para cambiar de posición basta con ubicar el puntero del Mouse sobre el control que queremos
mover y lo arrastramos hasta la posición deseada.
Esta posibilidad es útil cuando queremos tener en los primeros lugares los controles que más
comúnmente usamos.
Es lo mismo que se hace con Power Point en donde movemos las diapositivas para que se
presenten de acuerdo a nuestros deseos y conveniencia.
EJERCICIOS

1.- Insertar barra de progreso en Formulario:


La barra de progreso es la que permite informar al usuario, el grado de avance de una tarea.
En el cuadro de herramientas el control Barra de herramientas se llama ProgressBar

Ejercicio: Barra De Progreso 1


 Abra un nuevo proyecto y llámele Barra De Progreso.
 Agregue al formulario un ProgressBar y un Botón.
 Dé doble clic en el botón para abrir el editor de código y escriba la siguiente instrucción:
For L As Integer = 1 To 100
[Link](L)
Next L
El editor de código quedará, de la siguiente manera:

 Presione F5 para depurar el programa y luego de clic en el botón; observe la barra de


progreso en funcionamiento.

Ejercicio: Barra De Progreso 2


Cree un nuevo proyecto y llámele Barra De Progreso 2
Dibuje en el formulario dos botones , un control timer y una barra de progreso ( Todos estos
son controles que están en el cuadro de herramientas)

La propiedad Text del Button 1, cámbiela a Iniciar y del Button 2 a Detener.


Dé doble Clic en el Button Iniciar y escriba el siguiente código:
[Link]()
 Dé doble Clic en el Button Detener y escriba el siguiente código:
[Link] ()
 Dé doble clic en el control Timer, que se encuentra en la bandeja de componentes de la
parte inferior del IDE y escriba el siguiente código:
El Editor de código se verá así:

 Ejecute la aplicación y dé clic en el botón Inicio y luego en el botón Detener y observe


como funciona la barra de progreso.
2.- Pantalla De Presentación Inicial
Consiste en presentar una pantalla inicial que se muestra durante unos pocos segundos antes
de abrir el formulario que queremos.
Ejercicio: Pantalla de presentación inicial
 Crear un proyecto con el nombre Pantalla Inicial
 Arrastre desde el cuadro de herramientas un control Label y le cambia la propiedad Text
a Calendario.
 Arrastre al formulario un control MonthCalendario.

El formulario se parecerá al de la siguiente Imagen.

 Dé clic en el Submenú Agregar nuevo elemento del menú Proyecto.

 En la ventana que se abre, elegir Pantalla de presentación.

Y dé clic en Agregar.
Se mostrará la pantalla como la de la imagen anterior en donde debe modificar, para
personalizarla.
 De clic derecho en el cuadro donde están los aros y en la ventana que se muestra elija y
dé clic en Propiedades.

 Dé clic sobre los puntos suspensivos de la propiedad BackgroundImage

 Dé clic en Recurso y luego en Importar y podrá navegar a los archivos de su ordenador o


pc y seleccionar una imagen; Dar clic en Abrir, para que se inserte en la pantalla de
presentación.

 Abra la ventana de propiedades del proyecto, desde el menú Proyecto -----------


à Propiedades y en la ventana que se abre y que es como la imagen siguiente, busque
donde dice Pantalla de presentación y elija la opción que dice SplashScreen1.
 Para que la imagen tenga un título, debe dar clic derecho para abrir las propiedades. En
el cuadro donde dice título de la aplicación, en la pantalla de presentación debe cambia
la propiedad Text.
 Ejecute la aplicación y observe como antes de abrir el formulario hay una pantalla
previa.
 Debe usted tratar de modificar el tamaño y color de las letras para personalizar su
aplicación.
Pantalla de presentación…

Luego aparece el Calendario que es realmente donde queremos llegar.

 Guarde el proyecto en el Menú Archivo----- >Guardar Todo.


3.- Password en Formulario
Para que un formulario no se muestre si no se ingresa un Usuario y Clave correcta, se debe
agregar un formulario para que sea el primero que se abra. Pero es más fácil entender esto con
un ejercicio.
Ejercicio: Password en formulario.
 Cree un nuevo Proyecto con el
nombre PasswordFormulario
 Agregue un control PictureBox y a
este agréguele una imagen.

 Agregue otro formulario al proyecto y


adiciónele dos controles TextBox y un
Botón con la propiedad Text = Entrar.
 Agregue dos Labels con la propiedad
Text = Usuario y Clave,
respectivamente.
 La propiedad AceptButton del
formulario déjela = Button1

Esto es para que al escribir el usuario y la clave, el botón Entrar se active al presionar la
tecla Enter.

La propiedad AcceptButton se configura en la ventana de propiedades del formulario en donde


se debe elegir el botón que queremos que responda a Enter.
 La propiedad PasswordChar de los dos TextBox déjela en “ * “ (asterisco) esto es para
que al escribir el usuario y la clave no se vea lo que escribe.

 Dé doble clic en el Botón entrar y escriba el siguiente código entre Private Sub y End Sub

 If [Link] = "Paris" And [Link] = "2014" Then


[Link]()
[Link]()
Else
MsgBox("¡ Clave incorrecta ! Intente De nuevo por favor")
End If
El código total quedará así:

En este código, se hace uso de la estructura condicional de


decisión If…Then…Else,para que si el Usuario es igual a ”Paris” y el Password es igual a “2014”
entonces se oculte el formulario del Password y clave;esto se logra con la
instrucción [Link]() y permite que al ocultar el primer formulario continué la ejecución y se
muestre el formulario 1 (Instrucción [Link]() y por último, con la instrucción Else se
instruye para que en caso que el usuario y/o clave sea incorrecto, se muestre un mensaje
informándole al usuario que la clave es incorrecta y que intente de nuevo.
Para que al ejecutar el programa se muestre primero el formulario de Usuario y Clave, defina el
form2, como formulario de inicio en el menú Proyecto------- > Propiedades del proyecto ------
> Aplicación -------- > Formulario de Inicio.

 Ejecute el programa presionando F5


 Intente poner una clave incorrecta y se mostrará un mensaje informando que la clave es
incorrecta.

 Escriba en el TextBox1 la palabra “Paris” y en el TextBox2 el número 2014


Al poner la clave correcta se mostrará el formulario, al que quiere el usuario llegar.

 Cierre el programa, después de Guardar todo en el menú Archivo.

También podría gustarte