Hvordan bygge din egen Soundboard App med Android App Inventor

Innholdsfortegnelse:

Hvordan bygge din egen Soundboard App med Android App Inventor
Hvordan bygge din egen Soundboard App med Android App Inventor

Video: Hvordan bygge din egen Soundboard App med Android App Inventor

Video: Hvordan bygge din egen Soundboard App med Android App Inventor
Video: Hvordan endre og se på skjulte filendelser i Windows Utforsker - YouTube 2024, April
Anonim
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.
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 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å https://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.
Gi appen et unikt navn, og klikk deretter OK.
App Oppfinner-visningsprogrammet vil 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.
App Oppfinner-visningsprogrammet vil 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.
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 det til 3 kolonner og 3 rader.
Angi egenskapene for komponenten TableArrangement1 i Egenskaper-panelet. Her bytter vi det til 3 kolonner og 3 rader.
Vi trenger en komponent til å spille av våre lyder. Velg Media på paletten, og dra spillerkomponenten til Viewer. Det vises som Player1 i delen Ikke-synlige komponenter.
Vi trenger en komponent til å spille av våre lyder. Velg Media på paletten, og dra spillerkomponenten til Viewer. Det vises som Player1 i delen Ikke-synlige komponenter.
Image
Image

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.
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.
Velg hver knapp i komponentområdet og endre tekstfeltene for å representere lydene de skal spille.
Vi er ferdig med Viewer-skjermen. Dette er hva vår app ser ut som om.
Vi er ferdig 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.
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.)
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.)
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å Innebygd-fanen og velg Tekst. Dra en "tekst" blokk over til høyre og koble den til "Player1.Source" -blokken.
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.
"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.
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.
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:
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.

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

    Image
    Image

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

Anbefalt: