Hvordan bygge din egen Soundboard App med Android App Inventor

I dag skal vi vise deg hvordan du bruker Android App Inventor-verktøyet til å lage din egen Android-app uten å måtte skrive mye komplisert kode. Det er en veldig enkel prosess som bare krever noe å dra og slippe.

Lydkort er blant de enkleste appene som skal opprettes ved hjelp av App Inventor, så i dag viser vi deg hvordan du begynner å lage din egen applikasjon.

Denne gjestartikkelen ble skrevet av Mitch Bartlett fra Technipages, hvor han dekker mange dybdefulle smarttelefontips.

Installere og bruke App oppfinneren til å lage en app

Først må du sørge for at du installerer Java 1.6 eller høyere. Du kan laste den ned på http://www.java.com. Når du er ferdig med det, må du installere App Inventor ved hjelp av instruksjonene for operativsystemet.

Mac OS X
GNU / Linux
Windows

Gå til delen Mine prosjekter på App Inventor-siden. Logg inn og godta vilkårene for bruk hvis du blir bedt om det. Velg Ny knapp for å starte en ny app.

Gi appen et unikt navn, og klikk deretter OK.

Nå kan vi begynne å arrangere elementer på skjermen. Vi skal lage kolonner og rader for våre lydkort knapper. Vi kan gjøre dette ved å velge Screen Arrangement på paletten og dra TableArrangement-elementet til Viewer.

Angi egenskapene for komponenten TableArrangement1 i Egenskaper-panelet. Her bytter vi den til 3 kolonner og 3 rader.

Vi trenger en komponent for å spille av våre lyder. Velg Media på paletten, og dra spillerkomponenten til Viewer. Den vises som Player1 i delen Ikke-synlige komponenter.

La oss legge til noen lyder på prosjektet vårt. App Inventor vil støtte MP3- eller WAV-filer som er under 3 MB i størrelse. Vi legger dem til prosjektet vårt ved å velge Player1-komponenten og deretter velge Kilde-feltet. Klikk på Legg til ... -knappen og velg Bla gjennom ... for å laste opp lydfiler fra PCen. Gjenta disse trinnene for å legge til flere lyder.

Legg til en knapp for hver lyd ved å velge Basic Palette og dra dem over til boksen TableArrangement1 i Viewer. Du vil kunne plassere hver knapp i en bestemt rad og kolonne.

Velg hver knapp i komponentområdet og endre tekstfeltene for å representere lydene de skal spille.

Vi er ferdig med Viewer-skjermen. Dette ser ut som vår app ser ut til.

Det er på tide å kontrollere oppførselen til elementene på skjermen. Klikk på Åpne blokkredigering for å komme i gang. Velg å åpne filen eller gi tilgang hvis du blir bedt om det.

Klikk kategorien Mine blokker. Velg Knapp1 og dra "Knapp1.Klikk" -boksen over til høyre side av skjermen. Gjør dette for hver knapp du har lagt til appen din (Button2, Button3, etc.)

Velg Player1 under kategorien Mine blokker, og dra "Player1.Source" -blokken til "Button1.Click" -blokken. Blokken skal koble til på plass. Legg til en "Player1.Source" -blokk til hver av de andre knappeklikkblokker også (Button2.Click, Button3.Click, etc.)

Klikk på Innebygd-fanen og velg Tekst. Dra en "tekst" blokk over til høyre og koble den til "Player1.Source" -blokken.

"Tekst" -boksen vil styre hvilken lyd som spilles. Klikk på teksten i blokken og endre den for å matche navnet på lydfilen for Button1. I vårt eksempel er Button1 "Punch", så vi stiller teksten til Punch.mp3.

Dra en "tekst" -boks til hver "Player1.Source" -blokk og endre hver for å matche navnet på lyden for hver knapp.

Nå som lydene er satt for hver knapp, må vi bare fortelle appen vår for å spille av lyden når vi klikker på knappen. For å gjøre det, klikk kategorien Mine blokker og velg Player1. Dra "Player1.Start" -blokken til "Button1.Click". Gjenta disse trinnene for hver av knappeklikkhendelseblokkene.

Du er ferdig! Du har opprettet en fullt fungerende soundboard-app. Se appen i handling ved å gjøre ett av følgende:

Test ut appen på Android-enheten din ved å aktivere USB-feilsøking på enheten under Innstillinger> Programmer> Utvikling og koble den til datamaskinen. Du kan deretter klikke på Koble til enhet ... -knappen i Blokkereditoren for å vise appen på enheten.
Installer Android SDK og klikk på Ny emulator-knappen for å vise den på datamaskinen din på en emulatorskjerm.
Klikk på alternativet Pakke for telefon på App Inventor-skjermen. Deretter kan du vise strekkode, laste ned appen til datamaskinen som en APK-fil, eller last ned til en tilkoblet telefon.

Nyt din tilpassede soundboard-app på Android-enheten din.

Det er mange apps du kan lage med dette verktøyet - hva skal du gjøre?