AppInventor: Arreglo en AppInventor

OBJETIVO Crear y manipular elementos de un arreglo en app-inventor

1º Debemos diseñar el interfaz con el cual nos comunicamos con el usuario.

Ingresamos en la sección Paleta/Disposición y arrastramos tres DisposicionesHorizontales a la pantalla.

Luego de agregar las tres DisposicionesHorizontales, en el primero agregaremos un Botón el cual nombraremos como Fijar tamaño. En el siguiente recuadro otro Botón Aceptar Ingreso, además, arrastramos de Paleta/Disposición/DisposiciónTabular. Este tendrá cuatro casillas, en las del lado izquierdo agregaremos dos Etiquetas, una sobre la otra. Mientras que al lado de cada una de ellas, agregamos un Campo de texto.

La etiqueta superior izquierda nómbrala Posición, y la inferior izquierda Dato. Nuestro screen debe verse de la siguiente forma.

En la tercera DisposiciónHorizontal, agregaremos una DisposiciónTabular, la cual editaremos en Propiedades , ya que en Registros nos saldrá 2, pero lo cambiaremos a 3. Esto para que nos queden tres recuadros.

En el recuadro superior agregaremos un Botón que denominaremos como Listar, en el segundo recuadro una Etiqueta nombrada Lista de elementos, y en el tercero agregar un Campo de texto.

IMPORTANTE PARA LA PROGRAMACIÓN Debes anteponer de prefijo txt en todos los campos de texto, mientras que btn en los botones.

2º Para crear un arreglo en AppInventoR se debe crear su Tamaño lo cual lo inicializaremos en una variable global. Además, inicializaremos la variable Arreglo a la cual le agregaremos crear una lista vacía (Listas).

3º Crearemos dos Procedimientos, uno para obtener un dato del arreglo y otro para agregar un dato en el arreglo.

PRIMER PROCEDIMIENTO

En Procedimientos seleccionamos como resultado, agregamos entrada:x a entradas, nombrándolo como Posición. Luego, de Listas anclamos seleccionar elemento de la lista indice, adjuntando tomar global arreglo y tomar Posición.

SEGUNDO PROCEDIMIENTO

En Procedimientos seleccionamos como ejecutar, agregamos entrada:x y entrada:x2 a estas entradas, las nombramos como Posición y valor respectivamente. Luego, de Listas anclamos sustituir elemento de la lista lista, adjuntando tomar global arreglo, tomar Posición y tomar valor como se muestra en la siguiente imagen.

4º Para crear una lista aplicaremos los siguientes pasos

· 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

Fin_Hacer

Para armar el código, debemos seleccionar cuando btn_Fijar_tamaño.Clic ejecutar, anclamos poner global tamaño a btn_Fijar_tamaño.texto. Mientras, agregamos también poner global arreglo a anclado a crear una lista nueva.

Seguimos agregando bloques como se muestra en al siguiente imagen.

Antes de continuar, volveremos a Diseñador y agregamos al Screen un Notificador, quedando los Componenetes de la siguiente forma.

Ahora, continuamos en Bloques, seleccionamos Notificador1 y arrastramos el bloque llamar Notificador 1.MostrarDiálogoMensaje mensaje título textoEnBotón. Para luego anclarlo al bloque en el cual estábamos trabajando.