20Jul

Cómo crear su propia aplicación Soundboard con Android App Inventor

click fraud protection

Hoy vamos a mostrarte cómo usar la herramienta Android App Inventor para crear tu propia aplicación de Android, sin tener que escribir muchos códigos complicados. Es un proceso realmente simple que solo requiere un poco de arrastre y caída. Las Soundboards

se encuentran entre las aplicaciones más simples para 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 sobre teléfonos inteligentes.

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

Primero, deberá asegurarse de instalar Java 1.6 o una versión superior. Puede 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

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

instagram viewer

Déle a su aplicación un nombre único, luego haga clic en Aceptar.

Aparecerá el visor de App Inventor. Esta pantalla muestra cómo se verá tu aplicación a medida que la construyes. Primero querremos hacer un título para esta pantalla. En el panel Componentes, se debe seleccionar Pantalla1.En la sección Propiedades, podemos cambiar el campo Título por el nombre de nuestra aplicación.

Ahora podemos comenzar a organizar 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 ítem 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 de componentes no visibles.

Agreguemos algunos sonidos a nuestro proyecto. App Inventor admitirá archivos MP3 o WAV de menos de 3 MB de tamaño. Los agregamos a nuestro proyecto seleccionando el componente Player1, luego seleccionamos el campo Source. Haga clic en el botón Agregar. .. y seleccione Buscar. .. 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á 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 tocará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 u otorgar 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 por cada botón que haya agregado a su aplicación( Button2, Button3, etc.)

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

Haga clic en la pestaña Built-In y seleccione Text. 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", por lo que establecemos 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 establecidos para cada botón, solo necesitamos decirle a nuestra aplicación que reproduzca el sonido siempre que hagamos 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.

¡Ya terminaste! Ha creado una aplicación de panel de sonido completamente funcional. Para ver la aplicación en acción, realice una de las siguientes acciones:

  • Pruebe la aplicación en su dispositivo Android habilitando la depuración de USB en el dispositivo en Configuración & gt;Aplicaciones & gt;Desarrollar y conectarlo a su computadora. Luego puede hacer clic en el botón Conectar al 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 código de barras, descargar la aplicación a la computadora como archivo APK o descargarla a un teléfono conectado.

Disfruta de tu aplicación de tabla de sonido personalizada en tu dispositivo Android.

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