• Inicio con Visual Basic
• IDE
• Nuevos proyectos
• Estilos programación
• Estructuras de datos
• Control de un programa
• Menús
• Funciones del VB
• Botones
• Listbox y Combobox
• Menús y listas
• Arrays y controles
• Barras de desplazamiento
• SDI
• MDI
• El grid
• Archivos
• Bases de datos

El objetivo de este tutorial es aprender a distinguir las características de un botón de comando, de opción y una caja de verificación para ser capaz de usarla en un programa de VB. Al terminar este tutorial deberas ser capaz de:

• Crear un control de cada uno de los tipos mencionados y usando la caja de heramientas y colocarlos en la forma.
• Agregar un texto (caption) apropiado a los controles creados.
• Introducir un código simple para que los controles respondar a un evento clic.
• Agrupar controles usando un Marco (frame).

• Hacer una simple alteración a la interface, tal como cambiar el color de fondo en tiempo de ejecución.

En el tutorial anterior seleccionamos un icono de la librería de VB, que se encuentra en vbicons, y ese icono lo colocamos en un picture box. Esta técnica se repetirá, pero en lugar de cargar un icono, deberá explorar cuando un usuario realice una selección. La sintaxis del comando LoadPicture se da en más abajo.

  Picture1 = LoadPicture("D:VBICONSCOMMPHONE08.ICO")

Esta expresión carga en un picture box llamado Picture1 el icono especificado en la ruta que esta escrita entre comillas. Deberás colocar en la ruta el drive adecuado (D:).

Usa la ayuda en línea de VB para completar los siguientes ejercicios.

1. Botones de Opciones (Option Buttons)

   Crea una aplicación como la mostrada en seguida.

   

   Todos los iconos necesarios deberán encontrase en la librería de VB. Para ver el contenido del directorio de iconos, activa la ventana de propiedades, selecciona la propiedad picture y luego presiona el botón ...como se ve abajo. Muchos iconos tienen nombres significativos como bicycle.ico, otros (como mac01.ico) deben ser caragados para ver exactamente como son.

   

   Si primero creas un frame y luego le agregas los botones de opciones dando clic sobre el control en la caja de herramientas y arrastras el cursosr de cruz delgada dentro del frame para crear ete control, esto dará como resultado que los botones de opciones estén fijos al frame, tal que si deseamos moverlos, todos se moverán juntos. Nota que si creas primero el frame y enseguida para crear los botones de opciones das doble clic sobre el control en la caja de herramientas y luego cada botón de opción creado lo arrastras hasta colocarlo dentro del frame, cuando estan integrados y deseas moverlo, no se moveran juntos.

   Nota que cuando ejecutas la aplicación el mismo icono es cargado primero (probablemente el teléfono, si creaste primera este botón de opción). Puedes cambiar la opción que primero tiene el foco, seleccionado una de las otras opciones y cambiando el valor de la propiedad tabindex a 1.

   
   

2. Esta aplicación no tiene un mecanismo para sañir, si deseamos parar la aplicación necesitamos presionar el botón de la barra de herramientas. Agregaremos entonces un botón de comando a la forma para que el usuario pueda parar la aplicación. El código que deberá ejecutar este botón será 'end' en un evento clic.

   
   

3. Cajas de Verificación (Check Boxes)

   Los botones de opciones son mutuamente excluyentes, solo permiten que solo una opción seá seleccionada. Suponiendo que deseamos presentar al usuario varias opciones de las cuales puede escoger varias. En este caso el uso de cajas de verificación es más adecuado. Crea una aplicación como la mostrada abajo. El usuario podra escoger el item que necesite dando clic en la caja de verificación. Los iconos serán mostrados al seleccionar un item. Un clic en un item seleccionado (contiene una cruz) lo deberá de-seleccionar. La propiedad value de la caja de verificación deberá ser 1 para una slección y 0 para una de-selección.

   
   

   Esta aplicación requiere insertar algo de código en un evento clic para cada una de las cajas de verificación. El código nos dira si la caja esta seleccionada mostrarando el icono apropiado y si no esta seleccionada presentará un blanco en la picture box. Este procedimiento lógico usa una expresión condicional (un if) que determina el estado de la propiedad value. El código para la primera caja de verificación se da abajo. estudia como trabaja y que hace. Introduce este código en la forma. Haz lo mismo para cada uno de los otras cajas de verificación (el código puede ser copiado y pegado).

     Sub Check1_Click ()
       If Check1.Value = 1 Then
         Picture1 = LoadPicture("D:VBICONSCOMPUTERDISK02.ICO")
   
       Else
         Picture1 = LoadPicture()
       End If
     End Sub
   

   Si creaste el programa cargando los iconos directamente de la ventana de propiedades, cuando lo ejecutes todos los iconos aparecerán aún si están deseleccionadas. Para estar seguro que que todas las imágenes y las cjas de verificación esten en blanco, introduciremos código en la forma para un evento cargar (load event). Para realizar esto haz doble clic en la forma si estas en el modo de diseño. Del código que usaste para las cajas de verificación, deberas ser capaz de modificarlo y adaptarlo para usarlo aquí.

   Finalmente , en tiempo de ejecución trata de dar color a las picture box Finally. Consulta el Help de VB Help para buscar la función QBColor para saber como se puden cambiar los colores. QBColor tiene un simple parámetro que esta entre 0 (negro) y 15 (blanco). En el código de abajo se agrego una expresión para el color de fondo del picture box antes de sea mostrado el icono. Una segunda expresión se agrego para para cambiar el color de fondo a blanco si la imagen es en blanco (no hay imagen).

     Sub Check1_Click ()
   
       If Check1.Value = 1 Then
         Picture1.BackColor = QBColor(10)
         Picture1 = LoadPicture("D:VBICONSCOMPUTERDISK02.ICO")
   
       Else
         Picture1.BackColour = QBColor(15)
         Picture1 = LoadPicture()
       End If
     End Sub
   
   

4. Segundo botón de comando

   Agrega un segundo botón de comando como se muestra en la imagen de abajo . La función del botón Rerun es simplemente cambiar todos los value a 0, de las propiedades de las cajas de verificación. El código consiste de cuatro expresiones, la primera es check1.value=0. Agrega este código al botón Rerun button y ejecuta la aplicación otra vez.. Te sorprenderás que dando clic en el botón de Rerun las cajas de verificación aparecen en blanco. ¿Como sucede esto y que puedes decir respecto a como trabaja VB?