Introducción al IDE de Visual Basic 2010
Introducción al IDE de Visual Basic 2010
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)
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.
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.
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:
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.
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
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.
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.
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).
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
Se debe activar la casilla Recurso Local para que se active el botón importar.
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.
De clic en la pestaña que está en ese ítem y verá las siguientes opciones…
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
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.
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.
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
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.
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.
Esto es para que al escribir el usuario y la clave, el botón Entrar se active al presionar la
tecla Enter.
Dé doble clic en el Botón entrar y escriba el siguiente código entre Private Sub y End Sub