Los controles, que pueden arrastrarse y soltarse sobre los formularios (Forms) de Visual Basic,  son componentes extremadamente importantes para la construcción de las aplicaciones. Son, en resumen, los que permiten confeccionar la interfaz que el usuario utilizara para controlar las funciones de nuestro programa.

Proveen mecanismos para proporcionar información al usuario (Label, ToolTip, PictureBox, TreeView, etc.), organizar los datos para que sean fácilmente interpretados (GroupBox, TabControl, Panel, etc.), ingresar datos (TextBox, ComboBox, MonthCalendar, etc.), seleccionar una(s) opcion(es) de entre varias (ListBox, CheckBox, RadioButton, etc.) o interactuar con elementos que no pertenecen, necesariamente, a nuestra aplicación (OpenFileDialog, SaveFileDialog, PrintDocument, etc.). Además, algunos controles especiales nos proporcionan herramientas para manejar o complementar otros controles (ImageList, ToolTip, etc.)

No veremos absolutamente todos los disponibles, pero la información que proporcionaremos en esta entrega y las dos o tres siguientes bastará para que el lector pueda sacar provecho de todos los controles que posee Visual Basic. Esta es la paleta de controles disponibles:

Figura 1

Comenzaremos viendo como utilizar los “Controles comunes”. Es bastante difícil encontrar alguna aplicación que no utilice alguno de estos controles como parte de su interfaz. El primero de ellos, cuyo icono es una pequeña flecha, no es en realidad un control, sino la herramienta que podemos usar para mover o seleccionar alguno de los controles que tenemos en nuestro formulario.

Hecha esta aclaración, comencemos con el análisis. Lo primero que haremos será abrir el Microsoft Visual Basic 2005 Express, seleccionemos “Aplicación para Windows”, y asegurémonos que tenemos el “Form1” en la pantalla, en modo diseño. Deberíamos tener a la vista algo más o menos así:

Figura 2

Figura 3

El primer control que usaremos será “Button”. Como habrás adivinado, se trata del clásico botón presente en prácticamente la totalidad de las ventanas de cada programa. Este control puede ejecutar una acción cuando el usuario hace clic sobre él.

Utilizando la flecha, arrastraremos uno hasta el formulario “Form1”. No importa demasiado, al menos por ahora, en que posición lo coloquemos, ni tampoco su tamaño. Es más, puede ser un buen momento para que pases unos minutos “jugando” con la flecha y el control, para asegurarte que comprendes de qué forma puedes arrastrarlo por el formulario o cambiar su tamaño. Una vez colocado el control, el formulario se verá como sigue:

Figura 4

Lo primero que vamos a aprender es como cambiarle el nombre, ya que “Button1” difícilmente sea apropiado para nuestra aplicación. Vamos a modificar el botón para que termine la aplicación cuando le hacemos clic, así que un nombre apropiado para el sería “Salir”. Debemos, como se ve en la imagen, utilizar el cuadro “Propiedades” para cambiar el valor correspondiente al atributo “Text” del control. Simplemente, hacemos clic sobre ese renglón, y escribimos “Salir” (o lo que queramos poner). Debería quedar como la figura de la derecha.

Figura 5	Figura 6

Con esto tenemos el botón con el texto deseado escrito en él. Ahora, vemos como hacer para que, cuando el usuario haga “clic” sobre el control, la aplicación termine. Para ello, debemos escribir un trozo de código que se ejecute cuando esta acción tenga lugar. La forma de hacerlo es muy sencilla: simplemente, damos un doble clic sobre el botón, y Visual Basic pasará al Form.vb, tal como se ve en la figura:

Figura 7

El IDE de Visual Basic nos facilita mucho las cosas. Tanto, que como puede verse nos lleva directamente al lugar exacto donde debemos escribir el código que se ejecutará, en tiempo de ejecución, al pulsar el botón. Como queremos que la aplicación termine cuando esto ocurra, simplemente escribimos “End”:

Figura 8

Una vez hecho esto, ya podemos probar nuestro programa para ver si funciona correctamente. Para ello, basta con presionar “F5” o hacer clic sobre la flecha verde de la barra de herramientas que tenemos en la parte superior del IDE, debajo del menú. El programa arrancará, y se verá más o menos como sigue:

Figura 9

Obviamente, ya habrás hecho clic sobre el botón y comprobado como se cierra la ventana.