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

____________________________

2G2.- Carga archivo en varios VisorDeLista que desplazan al mismo tiempo.

p2G2_visorlista_desliza_varios.aia

- Disponemos un archivo con el contenido en forma de tabla y queremos mostrar su información en distintos VisorDeLista, que se desplacen al mismo tiempo.

- Este es el archivo:

tabla.csv

1,don,José,Ramírez,García,43,Capacitado,Altura
2,don,José,Ramírez,García,43,Capacitado,Altura
3,don,José,Ramírez,García,43,Capacitado,Altura
4,don,José,Ramírez,García,43,Capacitado,Altura
5,don,José,Ramírez,García,43,Capacitado,Altura
6,don,José,Ramírez,García,43,Capacitado,Altura
7,don,José,Ramírez,García,43,Capacitado,Altura
8,don,José,Ramírez,García,43,Capacitado,Altura
9,don,José,Ramírez,García,43,Capacitado,Altura
10,don,José,Ramírez,García,43,Capacitado,Altura
11,don,José,Ramírez,García,43,Capacitado,Altura
12,don,José,Ramírez,García,43,Capacitado,Altura	  
		  

_________________
- Diseño.

_________________
- Bloques.

_________________
- Comentarios.

- En el Diseño.

- He marcado Screen1 Propiedades: Sizing = Responsive y luego "No marcar para previsualizar al tamaño del teléfono". Observa la imagen de Diseño.

- Con esto conseguimos un tamaño más grande de trabajo.

- También en Screen1 Propiedades he marcado ShowListsAsJson, esto lo hacemos para trabajar con el archivo en forma de lista de tipo JSON

- En las Propiedades de cada componente observa su Ancho y Alto.

- Observa en los VisorDeLista el tamaño y color de letra, su Ancho y Alto, Color de fondo = blanco, Selección color = blanco.

- Las líneas verticales son DisposiciónHorizontal de Ancho = 1 pixel y de Color = gris.

- Si no puedes poner los componentes de la derecha, establece momentánemente un Ancho más pequeño de alguno de los componentes anteriores, para que deje espacio horizontal vacío y puedas poner componentes. Luego vuelve a establecer el Ancho correcto en cada componente.

- En los Bloques.

- Al Pulsar el Botón se carga el archivo y se convierte en lista tipo JSON.

- Se va tomando cada líneas de esa lista.

- En cada línea se va tomando cada uno de los 8 elementos que contiene.

- Cada elemento se va asignando a una de las variables correspondiente a los VisorDeLista, se van acumulando.

- Al final se carga en los VisorDeLista los ElementosDesdeCadena.

__________________________________