App inventor 2 en español
Cómo programar los teléfonos móviles con Android.
Ejemplos de App inventor 2 - Juan Antonio Villalpando
-- Tutorial de iniciación de App Inventor 2 en español --
Volver al índice del tutorial
____________________________
Interfaz de usuario
8B.- VisorDeLista. ListView.
bug_listview.aia
- Vamos a ver este ejemplo de VisorDeLista.
- En los foros de App inventor encontramos este ejemplo que algunos consideran un bug.
https://groups.google.com/forum/#!topic/mitappinventortest/uTeBn3ELuWU
_________________
- Diseño.
- Fíjate que está marcado MostrarBarraDeFiltrado. Esto hará que si escribes en el casillero de búsqueda (Search list...) una letra, aparecerán solamente los elementos que comiencen por esa letra.
_________________
- Bloques.
_________________
- Comentarios.
- Cuando pulsamos sobre un elemento, el Notificador mostrará el elemento seleccionado y su índice.
- En el cuadro de búsqueda escribes la letra b.
- Solo mostrará los elementos que comienzan por b.
- Si pulsas ahora un elemento B3, B4, B6, mostrará el índice según su orden, 1, 2 o 3.
__________________________________
__________________________________
__________________________________
8C.- VisorDeLista. ListView. Ciudades.
p8C_visor_de_lista_ciudades.aia
- Veamos otro ejemplo, se trata de elegir un país, luego una ciudad de ese país y obtendremos el número de habitantes de esa ciudad.
- Hay muchas maneras de realizar un proyecto, con varias pantalla, con solo una pantalla, con lista, con base de datos...
- Aquí vamos a hacerlo con una sola pantalla y jugando con lo visible y lo invisible.
_________________
- Diseño.
- Ponemos una Etiqueta.
- Ponemos 6 VisorDeLista como indica la imagen.
- Luego a VisorDeLista2, VisorDeLista3, VisorDeLista4, VisorDeLista5, VisorDeLista6, le desmarcamos la Propiedad Visible.
- Solo le dejamos marcada la Propiedad Visible al VisorDeLista1.
_________________
- Bloques.
_________________
- Comentarios.
- Creamos los elementos que se presentarán en los Visores de lista.
- Creamos listas con los habitantes de las ciudades.
- Inicializamos los elementos para introducirlos en sus respectivos Visores de lista.
- Según el elemento pulsado en el VisorDeLista1, se visualizará las ciudades de un país, y se ocultará el VisorDeLista1.
- Según la ciudad pulsada, se obtendrá en la Etiqueta sus habitantes.
- El Botón atrás es el botón que tiene el móvil o la tablet para ir a la pantalla anterior.
- El Botón atrás hace que solo se muestre el VisorDeLista1, donde están los países.
__________________________________
|