Taller 3: Arreglos

 En esta actividad aprenderás a cómo crear listas en nuestro app inventor y así poder avanzar en nuestra creación de aplicaciones

Para ello, debemos crear un arreglo en nuestra app inventor, para manipular información de cualquier tipo. Comencemos.

Primero crear un nuevo proyecto con el nombre de ARREGLOS, para que no nos confundamos con nuestros proyectos anteriores.

Ahora crearemos la siguiente interfaz, que contendrá todos los elementos visibles de nuestra aplicación y que nos permitirá usarla de buena manera, para ello, escogemos los bloques de disposición, en el siguiente orden: horizontal, tabular, vertical y nuevamente tabular, esto nos sirve para poder adjuntarle botones y más componentes de una forma ordenada.

En las disposiciones debes ajustar ancho del contenedor y en la tabular ajustar columnas a 4 para la primera y 3 para la segunda.

Cuando cambies el valor de las columnas en disposición tabular debe quedar más o menos así:

Luego agregamos botones uno en cada una de las disposiciones y le cambiamos nombre por los que salen en la imagen, luego agregamos un texto en la disposición horizontal, en la disposición tabular 1 agregamos dos etiquetas y dos texto, en la siguiente una etiqueta y un texto y finalmente dos textos.

Observación: los textos sirven para que cuando funcione nuestra aplicación y uno pueda escribir y así formar la lista, y la etiqueta no es más que nada para darle un nombre y que debe ir en ese espacio de texto.

Y por ultimo agregamos un elemento llamado notificador, que nos servirá para poder programar y dar aviso de cada una de las cosas que haremos.

Así debería quedarte cada uno de los componentes:

  

A los botones y textos se les debe cambiar nombre, tanto como en componentes como en propiedades, se aconseja en ambos escribir lo mismo para que sea más sencillo de buscar de entender.

Para poder crear un arreglo en app-inventor se debe crear primeramente su tamaño lo cual lo inicializaremos en una variable global

Los arreglos en app-inventor son creados como listas. Ir a Bloque / Lista y crear una lista vacía.

Procedemos a crear dos procedimientos, uno para obtener un dato del arreglo y otro para agregar un dato en el arreglo. Debes saber que el procedimiento entrega un resultado para una lista seleccionada (en una aplicación pueden haber varias listas) y obtener el elemento que está en una posición.

Para poder realizar este procedimiento es necesario indicar la posición. El procedimiento(bloque morado) se llamará obtenerelemento y debe quedar de la siguiente manera:

Como dato para poder agregar ese bloque disposición, debemos apretar la rueda de ajustes del bloque procedimiento y adjuntar de esta forma el bloque que nos aparece:

Para agregar un elemento a un arreglo crearemos un procedimiento al cual le indicamos la posición donde se almacenará el dato, debemos agregar como se indicó arriba una posición y un dato, luego agregar bloque celeste de sustituye un elemento y luego adjuntar 3 bloques de tomar.... guíate por las siguientes imágenes:

No olvides ir guardando el proyecto

Ahora procedemos a crear nuestras listas, debemos tener en cuenta los siguientes pasos, quizás te parezca raro como está escrito, pero te servirá para estar cerca del lenguaje de programación

Al hacer clic en tamaño Hacer
o Obtener valor del tamaño
o Crear una lista vacía
o Inicializar la lista con todos los elementos en null
o Enviar un mensaje al usuario que se ha creado la lista
o Limpiar caja de texto

Lo que está escrito debe quedar de la siguiente forma (con los bloques del app inventor, por supuesto). Es importante que te fijes bien cual bloque debes colocar, para que no existan errores.

Ahora para poder  ingresar un dato al arreglo debemos tener en cuenta lo siguiente

 Al hacer clic en Aceptar Hacer
o Llamar al procedimiento agregarelemento enviando la posición y el dato
o Limpiar la caja de texto de posición
o Limpiar la caja de texto dato

 

Nos debe quedar así:

Para listar los elementos del arreglo debemos fijarnos en lo siguiente
La caja de texto debe estar activada para Multilínea
 Al hacer clic en Listar Hacer
° Limpiar caja de texto de listado
° Para i desde 1 hasta tamaño del arreglo Hacer
° En la caja de texto del listado concatenar los caracteres con [i]= con el valor obtenido del procedimiento obtenerelemento en la posición i

Si tienes alguna duda revisa la siguiente imagen: 

 Para poder unir los elementos de la cadena debes apretar el circulo de ajustes y ensamblar el bloque cadenas tantas veces sea necesario en el bloque unir como en la imagen:

Debes tener en consideración que los bloques "amarillos" representan condiciones, lo que quiere decir, es que cada evento programable nos indicara alguna acción y si no resulta esa opción debemos programar el posible error, en simples palabras es si ocurre esto, el resultado será tal cosa, si ocurre esto otro, esto pasará.

Para realizar lo del botón BUSCAR debes agregar un tiny, en el lado de diseñador el símbolo es así

Esto nos servirá para almacenar la información, y para poder construir nuestro gran bloque de buscar, se arma similar a lo que ya hicimos, pero te dejo la imagen para que tú puedas realizarlo, siempre teniendo la opción de cambiar componentes e ir probando cosas nuevas, de acuerdo al proyecto que desees realizar.

Y con esto ya estas listo/a para hacer funcionar la aplicación de arreglos. Si tienes alguna duda haz clic AQUÍ y podrás descargar el formato aia.