20Jul

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 numerosi suggerimenti approfonditi sugli smartphone.

Installazione e utilizzo di App Inventor per creare un'app

Innanzitutto, è necessario assicurarsi di installare Java 1.6 o versione successiva.È 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
  • Windows

Visitate 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 alla tua app un nome univoco, quindi fai clic su OK.

Apparirà il visualizzatore di App Inventor. Questa schermata mostra come apparirà la tua app mentre la costruisci. Per prima cosa vorremmo creare un titolo per questa schermata. Sopra nel riquadro Componenti, Screen1 dovrebbe essere selezionato. Sotto la sezione Proprietà, possiamo cambiare il campo Titolo con il nome della nostra app.

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 riprodurre 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.

Selezionare ciascun pulsante nell'area Componenti e modificare 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.

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

Fare clic sulla scheda I miei blocchi. Seleziona Button1 e trascina il riquadro "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. Aggiungere 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" controlla quale suono viene 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 di "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.

Il gioco è fatto! Hai creato un'app di tavola armonica perfettamente funzionante. Guarda l'applicazione in azione effettuando una delle seguenti operazioni:

  • Prova l'app sul tuo dispositivo Android attivando Debug USB sul dispositivo in Impostazioni & gt;Applicazioni & gt;Sviluppo e connessione 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.
  • Fare 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, cosa hai intenzione di creare?