enlistar

 taller 3

Ahora a continuación realizaremos una app que tiene como función principal enlistar.

Para empezar al igual que en los talleres anteriores deberemos crear un nuevo proyecto y asignarle el nombre que nos parezca mejor:



Una vez estamos en la pantalla que se logra ver la sección de disposición. debemos poner 2 disposiciones horizontales una abajo de la otra y al final una disposición vertical, esto porque aquí alojaremos los botones y cuadrados de texto para poder en listar.

en la imagen no se logra divisar la diferencia de cuadros que agregamos y por eso deben estar atentos a lo que vayan poniendo.

procedemos a agregar unos botones los cuales en un futuro lo deberemos ocupar

  • uno de ellos es para poder ver cuan larga será nuestra lista.
  • además otro botón para ingresar los datos a la lista.
  • 4 campos de textos para poner el largo de la lista.
  • y por ultimo la lista.

A continuación el primer botón:


Ahora el 2do botón:

y ahora el 3ro:


Ahora debemos cambiar los nombres:


Y también renombramos los elementos en la siguiente parte de forma que sea mas fácil trabajar con bloques:

Apretamos el botón o campo de texto a renombrar y apretamos cambiar nombre:




Una vez terminado esto avanzamos hacia los bloques haciendo click en la esquina superior izquierda de la pantalla:


Una vez en esta seccion desde variables agregamos una de inicializar global:

Ahora desde la sección Listas, agregamos un crear una lista vacía.


luego los conectamos



luego sigue el siguiente bloque:


Sin embargo debemos editar este bloque antes, en el engranaje al lado del cómo hacemos click y nos salen las siguientes opciones:



ahora a esto debemos agregar el bloque siguiente, a este a su vez se le debe agregar el bloque 

A este debemos agregar el 


debería quedar algo así:

agregue el siguiente bloque:


agregamos dos entradas como antes




quedaría de la siguiente forma:

Ahora debemos darle funcionalidad a los botones, comenzaremos con el botón tamaño el cual designará el tamaño de la lista según el dato que ingresemos nosotros:

ahora agregamos el siguiente bloque:

agregamos el bloque anterior y 2 bloques con valor 1 y uno con tomar global tamaño

para que la lista aumente de 1 en 1 al agregar el tamaño es decir si ponemos 4 sea 1,2,3,4 el tamaño. Ahora agregamos desde lista el bloque de agregar elementos a la lista:

ahora lo unimos con lo anterior y posteriormente lo agregamos al bloque del botón del inicio

Ahora agregamos:

  • el llamar texto listado
  • la notificación para que nos aparezca el mensaje de que se creó el arreglo
  • el botón para aceptar esto

Ahora le damos funcionalidad al botón aceptar ingreso porque este nos permitirá aceptar el ingreso de los datos de la lista.

Agregamos el siguiente bloque con la posición y el dato esto para determinar la posición del dato ingresado y el dato en cuestión

agregamos los dos bloques anteriores para que se oculte el teclado y podamos seguir usando sin problemas la app además de los dos bloques siguientes para poder escribir.





Ahora unimos todo y nos deberia quedar de la siguiente forma:

Una vez terminado los bloques anteriores le daremos funcionalidad al botón de listar, para este usaremos el mismo bloque que para los botones anteriores:

Ponemos el siguiente bloque para que se oculte el teclado en esa casilla:

Ponemos el siguiente bloque para que se pueda escribir la lista generada en el campo de texto

al igual que con el botón de tamaño agregamos los siguientes bloques sin embargo ten en cuenta que el bloque amarillo en este caso cambia, sigue aumentando de 1 en 1 sin embargo ejecuta mas cosas:

ahora en en el ejecutar ponemos el siguiente bloque para que aparezca el texto del listado en la casilla de texto:

A este a su vez le anclamos el siguiente bloque 

Para poder unir los elementos necesarios aunque debemos agregar un total de 6 entradas como vimos anteriormente:


Primero agregamos el texto listado para que se ponga en esa casilla la respuesta:

Luego [  ] para que las posiciones de la lista aparezcan diferenciadas de la respuesta de la lista tomando los valores ingresados en tamaño:


Ahora agregamos los últimos dos bloques para que los datos ingresados lleguen a la casilla:

los unimos y agregamos al bloque de txt listado:

Ahora este bloque lo agregamos al boton:

así ya estaría completo, ojalas te haya servido esta información!

Comentarios