|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
T Búsqueda en este sitio:


.

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.

__________________________________

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información