20Jul

Hvordan bygge din egen Soundboard App med Android App Inventor

click fraud protection

I dag skal vi vise deg hvordan du bruker Android App Inventor-verktøyet til å lage din egen Android-app uten å 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 Oppfinner for å 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.

instagram viewer

App Oppfinner viewer vises. Denne skjermen viser hva appen din vil se ut når du bygger den. Først vil vi lage en tittel for denne skjermen. Over i komponentpanelet skal Screen1 velges. Under Egenskaper-delen kan vi endre Tittel-feltet til navnet på appen vår.

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.

Still inn egenskapene for komponenten TableArrangement1 i Egenskaper-panelet. Her bytter vi det 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. Det 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 Source-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 ferdige med Viewer-skjermen. Dette er hva vår app ser ut som om.

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 knappeklikkblokkene i tillegg( Button2.Click, Button3.Click, etc.)

Klikk på den innbygde kategorien 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 & gt;Programmer & gt;Utvikle og koble den til datamaskinen din. 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 laste den ned til en tilkoblet telefon.

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

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