Como crear listas en App Inventor

Hola y bienvenidos una vez más a Inventordeaplicaciones.es. En este tutorial hablaremos de una problemática que nos expone un usuario de nuestro canal de Youtube. Como crear listas en App Inventor 2 sin repetición. El nos comentaba que deseaba hacer un listado con resultados al azar sin un orden y sobretodo sin que se repitan. Bueno voy hacerlo de una manera que no es la única y que para mi es la más sencilla. Crearemos una aplicación con una lista de cuatro frutas, que al pulsar un botón, este muestra una fruta de la lista. Por supuesto que no se repita, mostraremos los resultados más abajo para comprobar que esto está sucediendo tal como queremos.

El diseño de la aplicación para crear listas en App Inventor

El diseño de nuestra aplicación consta de una disposición vertical donde meteremos una etiqueta a modo de título. Esta tendrá el texto de ELEMENTOS DE UNA LISTA AL AZAR. Y que estará en negrita y con un tamaño de 24, para diferenciarlo del resto de etiquetas. Más abajo pondremos una etiqueta que contendrá el texto “Elemento seleccionado”, y debajo una caja de texto que en su opción habilitado la dejamos desactivada. Más abajo pondremos otra etiqueta con el texto “Pulsa el botón”. Para elegir un elemento al azar. Debajo el botón con el texto “Pulsa” y más abajo dos etiquetas. Una que contendrá el texto “Elementos de la lista que no pueden repetirse” y la etiqueta de más abajo sin texto. Tiene que quedarte como muestro en la imagen.

F8ENNc75Fi29lJ8PsmW 1QU626BCaXVekcUM8rQvVQu2ibddURPnpoEiXKZaPbA90ZNDzYO2mgN3 dHiwJuE7q1dmdIqES6lS03tUtYnSdcgPHClupKB7fuzTwG9  1xygeGlHVB - Como crear listas en App Inventor
3te99G33jUQiDQk4uEMBt4nH tmNDS IKS Q S2lWIPtuDNdbdv4yC0cMrX4Ps3zNBnQnSGle7CYDyoKzGZ q81r YaGdEWY 1SSqvOY z6tSlSwJlHDdCkeBX6w4Qi N492v SN - Como crear listas en App Inventor

Programando la aplicación

Lo primero que vamos a crear es una variable global a la que llamaremos “ListaFrutas”. La inicializamos construyendo una lista con cuatro frutas Manzana, Pera, Piña y Naranja, en este mismo orden.


Listas en App Inventor 2.

kyKhmr zXCzuHsy1gf0 dsssGose5qLRyY4Bxyp3ItDeR8wWAg cW2l41ePFZmC 8k qv4iUp0ZbwHeQ8Do3AnUhlurKBBJ n2vbRDdtsS2dhyiL7iSZVa8dmTz8d1qRwCl O3DT - Como crear listas en App Inventor

Ahora que ya tenemos nuestra lista de frutas, crearemos otra variable global que llamaremos “ListaFrutasRepetidas”. La inicializamos con una lista, esta vez la lista estará vacía.

iRVL8hGWgvcbPX7mCIcxSNzdL887wJnDP8dTARS6T hjKjh54YBahckCuAb3lSG L5SALJf2H72St42WZnlyKWGaOfUVPx20 82rRgOwL7OkKciA0knHVic9K fXhNvrTO3Rl1Jb - Como crear listas en App Inventor

Seguido crearemos una tercera variable global que llamaremos “Elemento”. Contendrá una caja de texto vacía, su uso será simplemente el de almacenar los elementos seleccionados al azar temporalmente, para su manejo.

UU5qXv4tn o18rWVectIpswwAIBm 7wcKSr0Oinp3J1aNPdKmJ1Oe8VCfE9yM94EZjzBLd4FPrFqk4TF6CCXXM7vOgSWkIgRvW1zovmiPRkjbDTAMuIFWpEhCXv83yDaRuzOWrfs - Como crear listas en App Inventor

Bien ahora vamos a ver como armar la lógica para que al pulsar el botón nuestra aplicación  muestre elementos sin repetir y al azar. Para ello cuando pulsemos el botón, pondremos la variable global “Elemento” con el valor de escoger un elemento al azar de nuestra lista “ListaFrutas”. Como muestro en la siguiente imagen.

00TrEHDFu9GSAqFXl4H nTuCBrwvdPGhl  Mr6qhDEiAEL696Sax6 vLGJ8E36 yjgphTFXuC3MPSj3NqOa4yMtc19w49fJlFthLd 71ejytF0fiIxM3Nsbj9rKHu8fad7DsfmfX - Como crear listas en App Inventor

Una vez que hemos hecho esto, comprobaremos que la fruta que hemos introducido en nuestra variable global “Elemento” no esté ya en la lista “ListaFrutasRepetidas”.

qr aljkP2iru ybRClp2NMsrAZ56fO2 bMqJrX0guaqJMpS55qk6nNwOQm9u1soIVrh DQTGUssGDE4hXl6BcbPTM31X4HKKLUmBhTsmgckBhyIEQxr7sb8 qqU2sx4zZRX8A3i0 - Como crear listas en App Inventor

Si no está en dicha lista, lo que haremos es poner el texto de nuestra caja de texto con el nombre de la fruta que tengamos en ese momento en la variable global “Elemento”. Y añadiremos la misma fruta de esa variable a la lista “ListaFrutasRepetidas”.

zpIhGF7AO5uLt WCbFVhHjv7F0mpoy70FNTjsHi7soTYqRUj8VmLNWxnJD0T4wlCoD othP9w0 b82sWUySC7ZseqH5 Nf 5jhzJ1 iA1fFeic1 mths1IvNzMV7 jmLxKGyNv13 - Como crear listas en App Inventor

Solo nos queda una única cosa. Qué es añadir la fruta que ha salido, a una lista que se mostrar en nuestra última etiqueta. Lo haremos tal como muestro en la imagen.

ugpc6jGtdrMye58HfEgApPARyuLhDn6nHRulS7m0K VX9wgyS SBpYDd50 hlpHAuRVsXdcWgr sHp0e a k7bze8ZDkSmeDDTXmuHEjQkV2ynGmkSzXuhWCQVxxDZAKD1WrPj C - Como crear listas en App Inventor

Solo nos queda probar nuestra App y veremos que al pulsar el botón se irán mostrando al azar las frutas contenidas en nuestra lista. Pero solo una única vez. Por supuesto que se puede mejorar la App. Pero la misión de este tutorial es mostrar una manera de no repetir elementos de una lista al azar.

Si quieres que hablemos de algún asunto en concreto, o te has quedado atascado en algún desarrollo, no olvides dejarlo en los comentarios, intentaremos solucionarlo,

si quieres descargar el proyecto AIA para abrirlo en App Inventor pulsa aquí.

9 comentarios en «Como crear listas en App Inventor»

  1. Muchisimas gracias, acabo de verlo y quiero agradecerte tu esfuerzo.
    aprovecha hacerte otra consulta, en el libro que ofreces en tu web, el de amazon, viene incluido este ejemplo? el libro es en formato físico o solo digital? gracias

    Por cierto no funciona el enlace de descarga

    Responder
    • Hola Alexander
      A tu pregunta no. El libro contiene todo lo que tienes que saber para utilizar las listas, con ejemplos.
      El libro está en formato físico y digital. Pero te recomiendo que esperes a después de navidades, ya que se va actualizar los dos con nuevo formato y algún ejemplo nuevo.
      Voy a revisar los enlaces de la página estoy viendo que incluso los enlaces a YouTube están mal.
      Gracias!!

      Responder
  2. Muchas gracias, Raul, hoy mismo me he puesto con ello y he aplicado el efecto a mi aplicacion, y me he dado cuenta que cuando coincide el numero al azar de la lista y pulso el boton este a veces se queda con el mismo resultado que ya estaba, hasta que el azar le muestra otro. Esto es un problema para mi ya que lo que intento hacer es una aplicacion que muestre al azar una pregunta y que debe de mostrar una diferente por cada vez que pinchen en el boton, y que cuando lleguen a mostrarse todas de un aviso de que el juego a terminado y les de la opcion de volver a empezar.

    voy a tratar de hacerlo con lo que me has explicado a ver si dandole vueltas le encuentro solucion. pero si puedes ayudarme te lo agradeceria.

    Responder
    • Hola Alexander!!
      Por supuesto que sí. Quizás sufra algún que otro retraso pero todo será para que quede lo mejor posible. Si quieres que el libro contenga algún capítulo o tema a tratar estás a tiempo de comentarlo.
      Un saludo.

      Responder
  3. Buenos dias, si alguien puede ayudarme se lo agradecería.
    Estoy haciendo una app en la cual en una ventana hay hasta 10 jugadores y ponen sus nombres (no hace falta que se completen los 10 para jugar). Cuando pulso el botón pasa a otra ventana y quiero que en la otra ventana en la etiqueta salga el nombre al azar. Gracias de antemano.

    Responder
    • Hola Pablo
      Bueno podrías utilizar el bloque de matemáticas («entero aleatorio entre [1] y [100]»). Por ejemplo, tengo cuatro variables, si el valor obtenido del bloque que te pongo como ejemplo es menor de 25 uso una variable, si es menor de 50 y mayor de 25 otra, si es mayor de 50 y menor de 75 otra, y si es mayor de 75 la última.
      No se si esto te puede funcionar.
      Un saludo

      Responder

Deja un comentario

error: Content is protected !!