APP INVENTOR: como CREAR UNA LISTA DESPLEGABLE | LISTPICKER ¿PARA QUE SIRVE? ¿COMO SE USA?

En este articulo veremos como crear una lista desplegable en App Inventor, la cual también puede ser usada como menú desplegable.

Este es un ejemplo de lo que podemos llegar a realizar con MIT App Inventor.

LISTA DESPLEGABLE EN APP INVENTOR

En esta ocasión usaremos el componente Listpicker, el cual nos ayudara a realizar la funcionalidad de lista o menú desplegable.

Tabla de contenido
  1. Componente Listpicker en App Inventor
    1. ¿Como se configura el Listpicker en App Inventor?

Componente Listpicker en App Inventor

Veremos el componente listpicker que en pocas palabras nos permite mostrar una lista desplegable de la cual podemos seleccionar el elemento que deseemos. Su traducción seria algo así como seleccionar de una lista y pues básicamente eso es lo que hace este componente. Se tiene una lista y podemos clickear la opción que deseemos.

¿Como se configura el Listpicker en App Inventor?

El usuario pulsa un componente ListPicker para seleccionar un elemento de una lista de cadenas de texto. Cuando un usuario presiona un selector de lista, se muestra una lista de elementos de texto para que el usuario pueda elegir.

Los elementos de texto se puede especificar a través Designer o el Editor de bloques mediante el establecimiento de la propiedad ElementsFromString con lista de elementos separados por comas (opción 1, opción 2, opción 3 ) o mediante el establecimiento de la propiedad Elements a una lista en el Editor de bloques.

Otras propiedades, incluyendo TextAlignment y BackgroundColor , afectan a la apariencia del botón y si puede ser utilizado ( habilitado ).

Recomendado:   Virtualización de red: el futuro del modelo OSI

Ahora bien, si queremos añadir elementos durante la ejecución de la app, se puede usar una lista.

listas desplegables en app inventor
Ejemplo de un ListPicker


Veamos el siguiente vídeo donde explico como usar el componente Listpicker.

Si te ha gustado este video, en Yo Androide tenemos cientos de tutoriales para App Inventor. Visita nuestra sección de tutoriales para App Inventor.

Subir