Componente ListView App Inventor

Bien, vamos a aprender a crear una lista en este nuevo componente agregado por el MIT, a AppInventor 2.

Antes ya teníamos el Componente ListPIcker, pero este nos aparecía en una ventana aparte, ahora listview podemos utilizarlo en la misma pantalla en la que estemos trabajando.

• Bueno como siempre creamos un proyecto. En este agregamos el componente ListView.
• Podemos checkear en sus propiedades, la propiedad ShowFilterBar, con este marcado nos aparecerá un campo de búsqueda en nuestro listview.
• Ponemos el largo del listview en fill parent para que nos coja todo el largo de pantalla. (ojo....tenemos que poner la Screen en modo sin scrooll para que nos aparezca bien el listview, probadlo de todas formas).
• Agregamos un textbox y un botón para agregar elementos a la lista.

Nos quedará algo asi:

Vale, si tenemos ya echo lo anterior, nos vamos al editor de bloques.

• Creamos una variable para crear la lista. Pero en vez de crear una lista lo vamos a hacer separando cada elemento por comas.
• Cojemos el bloque Screen initialize, para que justo al iniciar nos cargue la lista. Y en este bloque agregamos la lista, cogiendo el bloque de listview "elementsfromstring" y un texto que será el que nosotros queramos. en este caso he puesto nombres. también se puede empezar desde cero.
• Ahora lo que haremos es que cuando se pulse el boton agregue lo que ya hay en la lista, mas una coma, y el texto escrito en el textbox.
• Para que al seleccionar algun componente de la lista haga algo, pondremos el bloque afterpicking del listview y dentro lo que queremos que haga. En este caso nos cambiará el texto del label.

Seguid atentos a este codigo qr los interesados. Volved a escanear de vez en cuando.