listas y desplegables

Este tipo de componentes sirve para mostrar información en forma de lista, aunque cada uno de los componentes de los componentes siguientes se utiliza para una función diferente.

• Desplegable.

Es un componente de tipo texto en el que se muestra una flecha a la derecha que al pinchar en ella se muestran los elementos entre los que podemos elegir el valor que se va a informar en el campo.

• SelectorDeLista.

Se trata de un botón que muestra una pantalla adicional en la que estarán los elementos entre los que podemos elegir. En este componente hay que definir qué se va a hacer con el valor seleccionado pues no hay ningún campo donde se informe automáticamente.

• VisorDeLista.

Es un elemento en el que siempre está visible la lista de datos y en la que podemos seleccionar uno de los registros de la lista. Tiene opciones para incorporar un campo de filtrado en la lista (propiedad MostrarBarraDeFiltrado), e incluso permite incluir una dato, un dato asociado e incluso una imagen.

METODOS PARA LA CARGA DE LISTAS

El método más simple y habitual es rellenar la propiedad ElementosDesdeCadena informándola con los valores separados por comas, esto se puede hacer tanto desde la parte de diseño como en la parte de bloques con un texto donde tengamos esos valores separados por comas.

En la parte de bloques se pueden cargar esta listas mediante la propiedad Elementos. En este caso tendremos que crear una variable de tipo lista a la que tendremos que ir añadiendo los elementos uno a uno y posteriormente asignar dicha variable a la propiedad Elementos de la lista.

En el caso del componente VisorDeLista, además de los datos se puede incluir un dato adicional y una imagen. Para ello hay que indicarlo en la propiedad ListViewLayout que tiene las siguientes opciones:

• MainText: solo el dato principal.

• MainText,DetailText(Vertical): dato principal y un dato de detalle (debajo del principal)

• MainText,DetailText(Horizonal): dato principal y un dato de detalle (a la derecha del principal)

• Image,MainText: Una imagen y el dato principal

• Image,MainText,DetailText(Vertical): Una imagen, el dato principal y un dato de detalle (debajo del principal)

Para cargar los datos se puede hacer desde la parte de diseño mediante la propiedad ListaData, mediante el botón que aparece en dicha propiedad y en la que al pulsarlo aparecerá una ventana de este tipo para empezar a incluir datos.

En la parte de bloques se pueden cargar esta listas mediante la propiedad Elementos como en los casos anteriores pero en ese caso la lista debe estar formada no solo por el dato principal sino también por el detalle y la imagen. De manera análoga hay que crear una variable de tipo lista a la que tendremos que ir añadiendo los elementos uno a uno y posteriormente asignar dicha variable a la propiedad Elementos de la lista.