Com crear la vostra pròpia aplicació Soundboard amb Android App Inventor

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 1

Avui us mostrarem com utilitzar l'eina d'Android App Inventor per crear la vostra pròpia aplicació per a Android, sense haver d'escriure molt de codi complicat. És un procés molt senzill que només requereix arrossegar i deixar anar.

Les taules de so es troben entre les aplicacions més senzilles de crear amb App Inventor, així que avui us mostrarem com començar a crear la vostra pròpia aplicació.



Aquest article convidat va ser escrit per Mitch Bartlett de Technipages, on cobreix molts consells per a telèfons intel·ligents en profunditat.

Instal·lació i ús d'App Inventor per crear una aplicació

En primer lloc, haureu d'assegurar-vos que instal·leu Java 1.6 o superior. Podeu descarregar-lo a http://www.java.com. Un cop hàgiu acabat, instal·leu App Inventor seguint les instruccions del vostre sistema operatiu.

  • Mac OS X
  • GNU/Linux
  • Windows

Visiteu la secció Els meus projectes del lloc d'App Inventor. Inicieu sessió i accepteu les condicions del servei si se us demana. Seleccioneu el botó Nou per iniciar una aplicació nova.

Doneu un nom únic a la vostra aplicació i feu clic a D'acord.

Apareixerà el visualitzador d'App Inventor. Aquesta pantalla mostra com serà la vostra aplicació mentre la creeu. Primer volem fer un títol per a aquesta pantalla. A la subfinestra Components, s'hauria de seleccionar Screen1. A la secció Propietats, podem canviar el camp Títol pel nom de la nostra aplicació.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-app-inventor foto 4

Ara podem començar a organitzar els elements a la pantalla. Farem columnes i files per als nostres botons de la caixa de so. Ho podem fer seleccionant la disposició de la pantalla a la paleta i arrossegant l'element Arranjament de la taula al visor.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 5

Establiu les Propietats del component TableArrangement1 al panell de Propietats. Aquí, el canviarem a 3 columnes i 3 files.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 6

Necessitarem un component per reproduir els nostres sons. Seleccioneu Multimèdia a la paleta i arrossegueu el component del reproductor al visor. Apareixerà com a Jugador1 a la secció Components no visibles.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 7

Afegim alguns sons al nostre projecte. App Inventor admetrà fitxers MP3 o WAV que tinguin una mida inferior a 3 MB. Els afegim al nostre projecte seleccionant el component Player1 i després seleccionant el camp Font. Feu clic al botó Afegeix... i seleccioneu Navega... per carregar fitxers de so des del vostre PC. Repetiu aquests passos per afegir diversos sons.

Afegiu un botó per a cada so seleccionant la paleta bàsica i arrossegant-los al quadre TableArrangement1 del visor. Podreu col·locar cada botó dins d'una fila i una columna específiques.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 9

Seleccioneu cada botó a l'àrea Components i canvieu els camps de text per representar els sons que reproduiran.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 10

Hem acabat amb la pantalla del visor. Aquest és el que sembla actualment la nostra aplicació.

foto 11 de com-crear-la-vostra-aplicació-de-taula-de-sona-amb-Android-App-inventor

És hora de controlar el comportament dels elements a la pantalla. Feu clic a Obre l'editor de blocs per començar. Trieu obrir el fitxer o concedir accés si se us demana.

Feu clic a la pestanya Els meus blocs. Seleccioneu el botó 1 i arrossegueu el botó 1. Feu clic al quadre al costat dret de la pantalla. Feu això per a cada botó que hàgiu afegit a la vostra aplicació (Button2, Button3, etc.)

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 13

Seleccioneu Player1 a la pestanya Els meus blocs i arrossegueu el bloc Player1.Source al bloc Button1.Click. El bloc s'ha de connectar al seu lloc. Afegiu també un bloc Player1.Source a cadascun dels altres blocs de clic de botons (Button2.Click, Button3.Click, etc.)

foto 14 de com-crear-la-vostra-aplicació-de-taula-de-sona-amb-Android-App-inventor

Feu clic a la pestanya Integrat i seleccioneu Text. Arrossegueu un bloc de text cap a la dreta i connecteu-lo al bloc Player1.Source.

El quadre de text controlarà quin so es reprodueix. Feu clic al text del bloc i canvieu-lo perquè coincideixi amb el nom del fitxer de so per a Button1. Al nostre exemple, Button1 és Punch, així que establim el text a Punch.mp3.

Arrossegueu un quadre de text a cada bloc Player1.Source i canvieu-los perquè coincideixi amb el nom del so de cada botó.

Ara que els sons estan configurats per a cada botó, només hem de dir a la nostra aplicació que reprodueixi el so cada vegada que fem clic al botó. Per fer-ho, feu clic a la pestanya Els meus blocs i seleccioneu Jugador1. Arrossegueu el bloc Player1.Start fins al Button1.Click. Repetiu aquests passos per a cadascun dels blocs d'esdeveniments de clic de botó.

com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 18

Estàs acabat! Heu creat una aplicació de caixa de so que funciona completament. Vegeu l'aplicació en acció fent una de les accions següents:

  • Proveu l'aplicació al vostre dispositiu Android activant la depuració USB al dispositiu a Configuració > Aplicacions > Desenvolupament i connectant-la a l'ordinador. A continuació, podeu fer clic al botó Connecta al dispositiu... a l'Editor de blocs per mostrar l'aplicació al dispositiu. com-crear-la-vostra-propia-aplicació-de-taula-de-resonament-amb-Android-App-inventor foto 21
  • Instal·leu l'SDK d'Android i feu clic al botó Nou emulador per veure'l a l'ordinador en una pantalla d'emulador.
  • Feu clic a l'opció Paquet per al telèfon a la pantalla d'App Inventor. A continuació, podeu mostrar el codi de barres, descarregar l'aplicació a l'ordinador com a fitxer APK o baixar-la a un telèfon connectat.

Gaudeix de la teva aplicació de caixa de so personalitzada al teu dispositiu Android.

Hi ha moltes aplicacions que podeu crear amb aquesta eina: què fareu?

Més històries

Els mashups de gelatina, ornaments i bales creen art d'alta velocitat [fotos]

No sabem vosaltres, però som uns fanàtics de la fotografia d'alta velocitat. Aquesta galeria combina coses noves (ornaments plens de gelatina disparats amb pistoles d'aire, per exemple) amb boniques captures d'alta velocitat.

Des del quadre de consells: canvi de mida instantània de la finestra, conté el cursor del ratolí i comprensió de la configuració de la bateria

Cada setmana ens submergim a la bossa de correu del lector i traiem consells i trucs per compartir. Aquesta setmana estem veient una drecera molt senzilla per canviar la mida de les finestres, com contenir el ratolí en una configuració de diversos monitors i com comprovar la configuració de la bateria.

El cafè manté el vostre ordinador Windows despert fins que s'acabin les vostres descàrregues

No cal que us enganyeu a la configuració d'energia per mantenir temporalment la vostra màquina desperta, deixeu que Coffee s'animi i mantingueu-ho tot actiu fins que s'acabin les baixades.

Augmenta el volum del diàleg sense deixar volar els teus veïns

Tots hi hem estat: estàs veient una pel·lícula, no pots escoltar el que diuen els actors, així que puges el volum. Moments després, les bombes exploten. Treballeu la disparitat de diàleg/acció amb un simple hack d'altaveus.

Geek Rants: per què Internet és com el salvatge oest

Quan pensem en el Vell Oest, recordem el salvatge i perillós que era i les oportunitats que oferia. Internet realment no és gaire diferent. Analitzem les similituds i pensem com podem domesticar la xarxa salvatge i salvatge.

Pregunteu als lectors: Teniu una xarxa Wi-Fi oberta?

La setmana passada, l'Electronic Frontier Foundation va enviar una crida a l'acció animant la gent a unir-se a l'Open Wireless Movement. Esteu d'acord amb la seva posició o és un negoci arriscat compartir Wi-Fi?

El dongle USB de bricolatge fa bromes als usuaris activant el bloqueig de majúscules

Si esteu buscant una manera fantàstica de fer broma als vostres companys de feina, aquest hack USB intel·ligent i sigilós activa i desactiva el bloqueig de majúscules aleatòriament.

Planetary organitza la teva música com els sistemes solars [iPad]

Quan es tracta de maneres úniques de navegar i mostrar la vostra música, no és molt més únic que Planetary, un navegador de música basat en iPad que organitza la vostra col·lecció com les galàxies i els sistemes estel·lars.

Pandora llança estacions de comèdia

Si sou uns fans de les estacions de música increïblement bones de Pandora, us agradarà saber que han llançat estacions de comèdia coincidents. Busca un còmic per sembrar la teva estació i gaudeix de les més de 10.000 rutines de comèdia.

Com utilitzar el terminal Linux per actualitzar Twitter

Twitter s'ha convertit en una distracció addictiva i divertida per a molts de nosaltres. Però com que es tracta principalment d'un mitjà només de text, per què no tuitejar mentre esteu treballant al terminal Linux? Aconsegueix alguns punts de friki i tuiteja a la manera del friki de Linux.