Aplicación xilófono

 Hola mi gente, hoy os voy a enseñar a hacer una maravillosa aplicación que va a consistir en un xilófono y cada tecla será un sonido que previamente hayamos grabado.

El primer paso, obviamente, es grabar los audios; los audios que yo grabé duran de media 4 segundos, y grabé unos 9 (con el móvil)



Después, con el MIT App Inventor, vamos a empezar a hacer la aplicación. Primero ponemos las disposiciones horizontales, en mi caso al haber grabado 9 audios, será 9 disposiciones horizontales, y dentro de cada una ponemos un botón, haciendo un total de 9 botones.

Luego pincharemos en la primera disposición horizontal y le diremos que ajuste el ancho al contenedor, y en el alto le pondremos el porcentaje, en este caso al haber 9 teclas, será un 11,11 % (este paso lo repetiremos en todas las disposiciones)



Una vez hayamos hecho el paso anterior, adaptaremos cada botón al ancho y al alto de su respectivo contenedor, y eliminaremos el texto para pintarlo de algún color (intentando no repetir el color en otro botón)



Ahora, vamos a meter 9 sonidos, y cada sonido le vamos a adjuntar una grabación de las que hemos realizado. (para que sea más sencillo, lo mejor es cambiar el nombre del botón y ponerle algo relacionado con el audio que hayamos grabado -ejemplo: grito- y haremos lo mismo con los sonidos, para que a la hora de programar resulte más fácil)

Cuando hayamos terminado el diseño, nos debe quedar algo así:


Ya por último, nos vamos a bloques, pinchamos en el primer botón y le damos a la opción de "cuando ____ click, ejecutar____" y luego vamos a ir al sonido relacionado con ese botón y vamos a coger el que dice "llamar____Reproducir", y ese bloque le vamos a meter dentro del anterior; y los vamos a ir duplicando hasta tener los 9 botones; y nos tiene que quedar algo así:



Opcionalmente podemos poner un icono para nuestra aplicación, para esto iremos al diseño, a screen 1 y en la parte de la derecha nos saldrá "Icono" y ahi adjuntaremos nuestro icono.


Muchas gracias por leer, y aquí te dejo mi apk por si la quieres descargar en tu móvil (Android):













Comentarios

Entradas populares de este blog

FULL MONTY