Página principal » cómo » Cómo construir tu propia aplicación de Soundboard con la aplicación de Android Inventor

    Cómo construir tu propia aplicación de Soundboard con la aplicación de Android Inventor

    Hoy vamos a mostrarte cómo utilizar la herramienta Inventor de aplicaciones de Android para crear tu propia aplicación de Android, sin tener que escribir muchos códigos complicados. Es un proceso realmente simple que solo requiere arrastrar y soltar..

    Las tarjetas de sonido están entre las aplicaciones más sencillas de crear con App Inventor, por lo que hoy le mostraremos cómo comenzar a crear su propia aplicación..

    Este artículo invitado fue escrito por Mitch Bartlett de Technipages, donde cubre muchos consejos detallados para teléfonos inteligentes..

    Instalación y uso de la aplicación Inventor para crear una aplicación

    Primero, deberás asegurarte de instalar Java 1.6 o superior. Puedes descargarlo en http://www.java.com. Una vez que haya terminado con eso, instale App Inventor usando las instrucciones para su sistema operativo.

    • Mac OS X
    • GNU / Linux
    • Windows

    Visita la sección Mis proyectos del sitio de App Inventor. Inicie sesión y acepte los términos de servicio si se le solicita. Seleccione el botón Nuevo para iniciar una nueva aplicación.

    Dale a tu aplicación un nombre único, luego haz clic en Aceptar.

    Ahora podemos empezar a organizar los elementos en la pantalla. Vamos a hacer columnas y filas para nuestros botones de la caja de resonancia. Podemos hacer esto seleccionando Arreglo de pantalla en la Paleta y arrastrando el elemento Arreglo de tabla al Visor.

    Establezca las propiedades para el componente TableArrangement1 en el panel Propiedades. Aquí, lo cambiaremos a 3 columnas y 3 filas..

    Necesitaremos un componente para reproducir nuestros sonidos. Seleccione Medios en la Paleta y arrastre el componente Reproductor al Visor. Aparecerá como Player1 en la sección Componentes no visibles..

    Añadamos algunos sonidos a nuestro proyecto. App Inventor admitirá archivos MP3 o WAV que tengan un tamaño inferior a 3 MB. Los agregamos a nuestro proyecto seleccionando el componente Player1, luego seleccionando el campo Origen. Haga clic en el botón Agregar ... y seleccione Examinar ... para cargar archivos de sonido desde su PC. Repita estos pasos para agregar múltiples sonidos.

    Agregue un botón para cada sonido seleccionando la paleta básica y arrastrándolos al cuadro TableArrangement1 en el Visor. Podrás colocar cada botón dentro de una fila y columna específica.

    Seleccione cada botón en el área Componentes y cambie los campos de Texto para representar los sonidos que reproducirán.

    Hemos terminado con la pantalla del visor. Así es como se ve nuestra aplicación actualmente.

    Es hora de controlar el comportamiento de los elementos en la pantalla. Haga clic en Abrir el Editor de bloques para comenzar. Elija abrir el archivo o conceder acceso si se le solicita.

    Haga clic en la pestaña Mis bloques. Seleccione Button1 y arrastre el cuadro "Button1.Click" hacia el lado derecho de la pantalla. Haga esto para cada botón que haya agregado a su aplicación (Button2, Button3, etc.)

    Seleccione Player1 en la pestaña Mis bloques y arrastre el bloque "Player1.Source" al bloque "Button1.Click". El bloque debe conectarse en su lugar. Agregue también un bloque "Player1.Source" a cada uno de los otros bloques de clic de botón (Button2.Click, Button3.Click, etc.)

    Haga clic en la pestaña Integrado y seleccione Texto. Arrastre un bloque de "texto" hacia la derecha y conéctelo al bloque "Player1.Source".

    El cuadro de "texto" controlará qué sonido se reproduce. Haga clic en el texto en el bloque y cámbielo para que coincida con el nombre del archivo de sonido para Button1. En nuestro ejemplo, Button1 es "Punch", así que configuramos el texto en Punch.mp3.

    Arrastre un cuadro de "texto" a cada bloque "Player1.Source" y cambie cada uno para que coincida con el nombre del sonido para cada botón.

    Ahora que los sonidos están configurados para cada botón, solo tenemos que decirle a nuestra aplicación que reproduzca el sonido cada vez que hacemos clic en el botón. Para hacer eso, haga clic en la pestaña Mis bloques y seleccione Player1. Arrastre el bloque "Player1.Start" al "Button1.Click". Repita estos pasos para cada uno de los bloques de evento de clic de botón.

    Has terminado Has creado una aplicación de caja de resonancia completamente funcional. Vea la aplicación en acción realizando una de las siguientes acciones:

    • Pruebe la aplicación en su dispositivo Android habilitando la depuración USB en el dispositivo en Configuración> Aplicaciones> Desarrollo y conectándola a su computadora. Luego puede hacer clic en el botón Conectar a dispositivo ... en el Editor de bloques para mostrar la aplicación en el dispositivo.
    • Instale el SDK de Android y haga clic en el botón Nuevo emulador para verlo en su computadora en una pantalla de emulador.
    • Haga clic en la opción Paquete para teléfono en la pantalla de App Inventor. Luego puede mostrar el código de barras, descargar la aplicación a la computadora como un archivo APK o descargar a un teléfono conectado.

    Disfruta de tu aplicación personalizada de caja de resonancia en tu dispositivo Android.

    Hay muchas aplicaciones que puedes crear con esta herramienta, ¿qué vas a hacer??