Come costruire la tua app Soundboard con Android App Inventor

Oggi vi mostreremo come utilizzare lo strumento Android App Inventor per creare la vostra app per Android, senza dover scrivere un codice complicato. È un processo davvero semplice che richiede solo un po 'di trascinamento.

Le tavole armoniche sono tra le app più semplici da creare utilizzando App Inventor, quindi oggi ti mostreremo come iniziare a creare la tua applicazione.

Questo articolo per gli ospiti è stato scritto da Mitch Bartlett di Technipages, dove tratta molti suggerimenti approfonditi sugli smartphone.

Installazione e utilizzo di App Inventor per creare un'app

Innanzitutto, è necessario assicurarsi di installare Java 1.6 o versioni successive. È possibile scaricarlo all'indirizzo http://www.java.com. Una volta che hai finito, installa App Inventor usando le istruzioni per il tuo sistema operativo.

Mac OS X
GNU / Linux
finestre

Visita la sezione I miei progetti del sito di App Inventor. Accedi e accetta i termini di servizio, se richiesto. Seleziona il pulsante Nuovo per avviare una nuova app.

Assegna un nome univoco alla tua app, quindi fai clic su OK.

Ora possiamo iniziare a organizzare gli oggetti sullo schermo. Creeremo colonne e righe per i nostri pulsanti della tavola armonica. Possiamo farlo selezionando Screen Arrangement sulla palette e trascinando la voce TableArrangement sul Viewer.

Impostare le proprietà per il componente TableArrangement1 nel riquadro Proprietà. Qui, lo cambieremo in 3 colonne e 3 righe.

Avremo bisogno di un componente per suonare i nostri suoni. Seleziona Media sulla tavolozza e trascina il componente Player sul Viewer. Apparirà come Player1 nella sezione Componenti non visibili.

Aggiungiamo alcuni suoni al nostro progetto. App Inventor supporterà file MP3 o WAV con dimensioni inferiori a 3 MB. Li aggiungiamo al nostro progetto selezionando il componente Player1, quindi selezionando il campo Source. Fare clic sul pulsante Aggiungi ... e selezionare Sfoglia ... per caricare file audio dal PC. Ripeti questi passaggi per aggiungere più suoni.

Aggiungi un pulsante per ogni suono selezionando la palette di base e trascinandoli nella casella TableArrangement1 nel Viewer. Sarai in grado di posizionare ciascun pulsante all'interno di una specifica riga e colonna.

Seleziona ciascun pulsante nell'area Componenti e modifica i campi di testo per rappresentare i suoni che verranno riprodotti.

Abbiamo finito con la schermata del Viewer. Ecco come appare la nostra app al momento.

È tempo di controllare il comportamento degli oggetti sullo schermo. Fai clic su Apri l'editor di blocchi per iniziare. Scegliere di aprire il file o concedere l'accesso se richiesto.

Fai clic sulla scheda I miei blocchi. Seleziona Button1 e trascina la casella "Button1.Click" sul lato destro dello schermo. Fai questo per ogni pulsante che hai aggiunto alla tua app (Button2, Button3, ecc.)

Seleziona Player1 nella scheda My Blocks e trascina il blocco "Player1.Source" nel blocco "Button1.Click". Il blocco dovrebbe connettersi in posizione. Aggiungi un blocco "Player1.Source" a ciascuno degli altri blocchi di clic del pulsante (Button2.Click, Button3.Click, ecc.)

Fare clic sulla scheda Built-In e selezionare Testo. Trascina un blocco "testo" verso destra e collegalo al blocco "Player1.Source".

La casella "testo" controllerà quale suono verrà riprodotto. Fare clic sul testo nel blocco e modificarlo in modo che corrisponda al nome del file audio per Button1. Nel nostro esempio, Button1 è "Punch", quindi impostiamo il testo su Punch.mp3.

Trascina una casella "testo" su ciascun blocco "Player1.Source" e cambia ciascuno di essi in modo che corrisponda al nome del suono per ciascun pulsante.

Ora che i suoni sono impostati per ciascun pulsante, dobbiamo solo dire alla nostra app di riprodurre il suono ogni volta che clicchiamo sul pulsante. Per farlo, fai clic sulla scheda I miei blocchi e seleziona Player1. Trascina il blocco "Player1.Start" in "Button1.Click". Ripeti questi passaggi per ciascuno dei blocchi evento del clic del pulsante.

Hai finito! Hai creato un'app di tavola armonica perfettamente funzionante. Guarda l'app in azione effettuando una delle seguenti operazioni:

Prova l'app sul tuo dispositivo Android abilitando Debug USB sul dispositivo in Impostazioni> Applicazioni> Sviluppo e collegandolo al tuo computer. È quindi possibile fare clic sul pulsante Connetti al dispositivo ... nell'Editor blocchi per visualizzare l'app sul dispositivo.
Installa l'SDK Android e fai clic sul pulsante Nuovo emulatore per visualizzarlo sul tuo computer in una schermata di emulazione.
Fai clic sull'opzione Pacchetto per telefono nella schermata App Inventor. Quindi puoi mostrare il codice a barre, scaricare l'app sul computer come file APK o scaricare su un telefono connesso.

Goditi la tua app Soundboard personalizzata sul tuo dispositivo Android.

Ci sono molte app che puoi creare con questo strumento, che cosa hai intenzione di creare?