El objetivo de este tutorial es aprender las diferentes características de las cajas de lista y las cajas combinadas y ser capaz de usar cada una de ellas dentro de un programa de VB. Al finalizar este tutorial serás capaz de:

• Crear cada uno de estos controles usando la caja de herramientas.
• Crear una lista de selección en modo diseño.
• Agregar y eliminar items en tiempo de ejecución de una caja d lista o una caja combinada.
• Agregar código para hacer que los controles a un evento clic o un doble clic.
• Crear una simple aplicación combinando características aprendidas en previas semanas y salvarlo en formato ejecutable.

Las cajas de lista y las cajas combinadas son usadas para proporcionar una lista de opciones al usuario. En la caja de herramientas estos dos controles estan representados por : para la caja de lista y para una caja combinada.

Cajas de lista

Una caja de lista es útil cuando al usuario se le presenta un conjunto de opciones fijas (el puede escoger solamente de las opciones mostradas, no hay posibilidad de teclear otra alternativa).

Un ejemplo puede ser al ofrecer una lista de los dias de la semana, los lugares para vacacionar de una agencia de viajes, o los tratamientos ofrecidos por un salón de belleza.

Para crear una caja de lista, haz doble clic en el icono que esta en la caja de herramientas. Traza una caja del tamaño que deseas para que contenga los datos dentro de la forma. El lado izquierdo de la imagen de abajo, muestra una caja de lista que fué creada en la Form1. En seguida de la imagen está el código que se require para mostrar una sección de nombres de autos en la lista. Los datos se incluyen en el procedimiento Sub Form_Load de tal forma que estos aparecerán cuando la Form1 es cargada. Al final aparece una imagen que muestra como como se verá la forma cuando la aplicación se ejecuta. Note que las barras de desplazamiento vertical son agregadas automaticamente si la caja de lista no es lo suficientemente grande para mostrar todas las selecciones.

  Sub Form_Load ()
    List1.AddItem "Peugot 405"
    List1.AddItem "VW Passat"
    List1.AddItem "Volvo 740"
    List1.AddItem "Montego"
    List1.AddItem "Nissan Sunny"
    List1.AddItem "Vauxhall Astra"
    List1.AddItem "Mercedes"
    List1.AddItem "Ford Sierra"
    List1.AddItem "Citroen"
  End Sub

En el ejemplo anterior, note que los items en la caja de lista aparecen en el orden en que fueron tecleados. Pero si cambiamos la propiedad sorteda veradadero (true) en lugar de falso (false) en la caja de propiedades de este control, los nombres de autos aparecerán en orden alfabético (primero Citroen).

Se pueden agregar o remover items de la lista en tiempo de ejecución..

  List1.AddItem "Jaguar 4.2"

Agregar un itema una lista, si la lista esta ordenada, Jaguar 4.2 se colocará en orden alfabético, de otra forma este item aparecerá al final de la lista.

  List1.AddItem "Jaguar 4.2", 0

La lista de items puede ser númerado con 0, 1, 2, etc. Esta expresión insertará Jaguar 4.2 al inicio de la lista. Cuidado de usar este mecanismo cuando la propiedad sorted es verdadera, porque el resultado puede ser impredecible.

  List1.RemoveItem  0

La expresión para eliminar requiere un índice. La lista de items es numerada de 0, 1, 2, etc. Esta expresión eliminará el primer item de la lista.

Nota: La propiedad ListCount alamacena el número de items en la lista, así List1.ListCount puede ser usada para determinar el número de items en la caja de lista List1.

La propiedad ListIndex da el indice del item seleccionado en ese momento. De esta manera, la expresión List1.RemoveItem List1.ListIndex elimina el item que está seleccionado en ese momento.

Se puede agregar un item con elegancia, usando una caja de dialogo para entrada de datos (InputBox). Prueba la siguiente línea de código:

  List1.AddItem InputBox("Introduce un Nombre de auto:", "Agrega un auto:")

Tarea:

1. Crea la caja de lista que aquí se mostró. Explora como trabaja en tiempo en la ejecución con la propiedad sortedprimero false y luego true. Luego agrega un botón de comando como se muestra abajo. Usa este botón con el evento clic, para agrgar items a lista o para eliminarlos.

   
   

2. Crea una caja de texto que muestre el número de items en la lista. Ejecuta la aplicación y checa el cambio en la caja de texto creada al agregar un item o al eliminarlo. Create a text box to display the number of items in the list. Run the application and see this text box change as you add and remove items. Más abajo se muestra el código que será agregado en le botón de comando usando el eventoclic. Note que las partes fijas del txto que se muestra entre comillas ( " ), el valor de la propiedad ListCount esta concatenado por signo llamado ampersand (&).

     Sub Command1_Click ()
       List1.AddItem "Jaguar 4.2"
   
       Text1.Text = "Hay " & List1.ListCount & " autos en  el lote."
     End Sub
   

   
   

3. Modifica tu aplicación de tal forma que cuando el usuario de doble clic en la lista de items, la caja de texto muestre el auto seleccionado, tal como:

   	Tu seleccionaste el Nissan Sunny.
   

   (Cuando un item es seleccionado con el ratón , la propiedad List1.Text contiene el texto del item seleccionado).

   
   

   Cajas Combinadas (Combo Boxes)

   Hay tres tipos de Cajas combinadas (0, 1 and 2), El valor que se coloca en la propiedad style es el que determina el tipo. Las cajas combinadas (estilos 0 y 2) son una buena opción cuando el espacio es limitado, porque toda la lista se muestra como un menú de cascada, así no ocupa el espacio en la pantalla hasta que se da clic a la flecha hacia abajo. Las cajas combinadas (estilos 0 y 1) se considerá cuando el usuario puede introducir una opción que no este predefinida.

   Cajas combinadas de cascada (Style=0)

   El usuario puede inytroducir texto en el campo de edición o seleccionar un item dando clic sobre él. La caja de cascada puede verse dando clic en en la flecha hacia abajo que esta a la derecha de la caja.

   
   

   Caja combinada simple (Style=1)

   Este tipo de caja no tiene botón de flecha hacia abajo para crear una caja de cascada, la lista siempre permanece en panatalla. Si todos los items no aparécen, las barras de despazamiento vertical aparecenrán automaticamente. Como en el tipo anterior, los usuarios pueden introducir texto en el campo de edición.

   Caja de lista de cascada (Style=2)

   Este control se comporta como una caja de lista, solo que al seleccionar no se muestran todos los items, estos aparecen hasta que se da clic a la flecha hacia abajo. el usuario puede seleccioar de la lista, no se puede introducir texto.

   Nota: La cajas combinadas de estilo 0 y 2 no responden a eventos doble clic.

4. Crea una aplicación que cumpla los siguientes requerimientos.

   Un restaurante de comida rápida desea instalar un sistema de menú automático. Los comensales indicarán cual es su dieta ‘regular’, ‘vegetariana’. De acuerdo a estos campos se darán cuatro listas para escoger: entradas, bebidas, platillo principal y postres. El restaurant deberá aceptar pedidos especiales de platillos principales, pero estos deberán tener como tiempo máximo de preparación 20 minutos. Una caja de texto presentará al consumidor sus selecciones (por ejemplo: Escogiste Pollo frito, Totopos y Pay de queso), y un botón de comando debera mandar la orden a ala cocina para su procesamiento y el sistema deberá estar listo para otro cliente

   Tip: Cuando selecciones los controles en este ejercicio, toma en cuenta los aprendidos en turoriales anteriores. Usa la propiedad Visible para hacer que la lista apropiada sea visible/invisible según se requiera. Trata de importar imágenes y gráficos de otos paquetes incluyendo el Word Art.