Xilófono

Introducción:

Crearemos una aplicación que reproduzca la música generada por un xilófono.

Esta aplicación te permite:

• Tocar ocho notas diferentes haciendo clic en sus respectivos botones en la pantalla.

Al final de la página, tendrás una carpeta comprimida con los sonidos y el icono de la app.

Interfaz:

La interfaz de nuestra aplicación tiene un teclado con ocho notas musicales para una escala pentatónica más grande (siete notas). Sigue los siguientes puntos para crearlo:

1. Dibuja un primer botón en la pantalla. Deje el nombre como Btn1 y cambia las siguientes propiedades:

• Cambia la propiedad de colorDeFondo a su color asignando un color violeta .

• Asigna tu propiedad Texto a texto C.

• Cambie el ancho de su propiedad para que se ajuste al contenedor de modo que ocupe todo el ancho.

• Asigna tu propiedad al tamaño de 40 píxeles .

2. Repite el paso anterior para crear otros siete botones más. Asegúrate de que solo necesita cambiar el color de fondo y el texto en cada uno de ellos. Los botones q faltan:

• Botón número 2: Letra D y color de fondo rojo .

• Botón número 3: Letra E y color de fondo rosa .

• Botón número 4: Letra F y color naranja de fondo.

• Botón número 5: Letra G y color de fondo amarillo .

• Botón número 6: letra A y color de fondo verde .

• Botón número 7: Letra B y color de fondo turquesa .

• Botón número 8: Letra C y color de fondo azul .

En este caso, si lo prefieres, puedes cambiar el Color del color del texto a blanco para que pueda leer mejor la letra.

3. Desde la categoría Medios, arrastre ocho componentes de Sonido a la pantalla. Como sabes, estos componentes aparecerán en la parte inferior de la ventana en el espacio reservado para los componentes no visibles.

Comprueba que su propiedad Intervalo mínimo esté en el valor de 500 milisegundos; Ese será el tiempo mínimo que la aplicación debe esperar antes de reproducir el mismo sonido. Asocia cada componente de sonido al archivo de sonido correspondiente, como ya has hecho en la app "Zoológico".

4. Añade un botón "Salir" que nos cierre la app.

Programación:

Es muy simple, basta para cada uno de los botones, indicar que al pulsar suene el sonido:

Desafío:

- Intenta que al pulsar el botón amarillo, este cambie a naranja y al pulsarlo otra vez cambie a amarillo. Para ayudarte, mira este vídeo.