Come costruire la tua app Soundboard con Android App Inventor

Sommario:

Come costruire la tua app Soundboard con Android App Inventor
Come costruire la tua app Soundboard con Android App Inventor

Video: Come costruire la tua app Soundboard con Android App Inventor

Video: Come costruire la tua app Soundboard con Android App Inventor
Video: Cambiare le icone di desktop, cartelle, programmi e collegamenti in Windows - YouTube 2024, Aprile
Anonim
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.
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, in cui 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 versioni successive. È possibile scaricarlo all'indirizzo https://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.
Assegna un nome univoco alla tua app, 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.
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.
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.
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.
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.
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.
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.
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.
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.
È 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 il riquadro "Button1.Click" sul lato destro dello schermo. Fai questo per ogni pulsante che hai aggiunto alla tua app (Button2, Button3, ecc.)
Fai 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. Aggiungi un blocco "Player1.Source" a ciascuno degli altri blocchi di clic del pulsante (Button2.Click, Button3.Click, 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".
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.
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.
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.
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:
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 attivando 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.

    Image
    Image
  • 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.

    Image
    Image

Goditi la tua app Soundboard personalizzata sul tuo dispositivo Android.

Consigliato: