Sådan opbygger du din egen Soundboard App med Android App Inventor
I dag skal vi vise dig, hvordan du bruger Android App Inventor-værktøjet til at oprette din egen Android-app uden at skulle skrive en masse kompliceret kode. Det er en rigtig enkel proces, der kun kræver noget at trække og slippe.
Lydkort er blandt de enkleste apps til at oprette ved hjælp af App Inventor, så i dag viser vi dig, hvordan du kommer i gang med at oprette din egen applikation.
Denne gæstartikel blev skrevet af Mitch Bartlett fra Technipages, hvor han dækker mange dybdefulde smartphone tips.
Installation og brug af App Inventor til at oprette en app
Først skal du sørge for at installere Java 1.6 eller nyere. Du kan downloade det på http://www.java.com. Når du er færdig med det, skal du installere App Inventor ved hjælp af instruktionerne til dit operativsystem.
- Mac OS X
- GNU / Linux
- vinduer
Besøg afsnittet Mine projekter på App Inventor-webstedet. Log ind og accepter til vilkårene for service, hvis du bliver bedt om det. Vælg den nye knap for at starte en ny app.
Giv din app et unikt navn, og klik derefter på OK.
Nu kan vi begynde at arrangere varer på skærmen. Vi skal lave kolonner og rækker til vores soundboard knapper. Vi kan gøre dette ved at vælge Screen Arrangement på paletten og trække TableArrangement-elementet til Viewer.
Indstil Egenskaber for TableArrangement1-komponenten i Egenskabsruden. Her ændrer vi det til 3 kolonner og 3 rækker.
Vi skal bruge en komponent til at afspille vores lyde. Vælg Media på paletten, og træk afspillerkomponenten til Viewer. Det vises som Player1 i sektionen Ikke synlige komponenter.
Lad os tilføje nogle lyde til vores projekt. App Inventor understøtter MP3- eller WAV-filer, der er under 3 MB i størrelse. Vi tilføjer dem til vores projekt ved at vælge komponenten Player1 og derefter vælge Source-feltet. Klik på knappen Tilføj ... og vælg Gennemse ... for at uploade lydfiler fra din pc. Gentag disse trin for at tilføje flere lyde.
Tilføj en knap for hver lyd ved at vælge den grundlæggende palette og trække dem over til feltet TableArrangement1 i Viewer. Du vil være i stand til at placere hver knap inden for en bestemt række og kolonne.
Vælg hver knap i området Komponenter og skift tekstfelterne for at repræsentere de lyde, de vil afspille.
Vi er færdige med skærmen Viewer. Sådan ser vores app i øjeblikket ud.
Det er på tide at kontrollere opførelsen af emnerne på skærmen. Klik på Åbn blokereditoren for at komme i gang. Vælg at åbne filen eller give adgang, hvis du bliver bedt om det.
Klik på fanen Mine blokke. Vælg Button1 og træk knappen "Button1.Click" over til højre side af skærmen. Gør dette for hver knap, du har tilføjet til din app (Button2, Button3 osv.)
Vælg Player1 under fanen Mine blokke og træk "Player1.Source" -blokken til "Button1.Click" -blokken. Blokken skal forbinde på plads. Tilføj en "Player1.Source" -blok til hver af de andre knap-klikblokke også (Button2.Click, Button3.Click, etc.)
Klik på fanen Indbygget og vælg Tekst. Træk en "tekst" blok over til højre og tilslut den til "Player1.Source" -blokken.
"Tekst" boksen vil styre hvilken lyd der afspilles. Klik på teksten i blokken, og skift den for at matche lydfilens navn til Button1. I vores eksempel er Button1 "Punch", så vi sætter teksten til Punch.mp3.
Træk en "tekst" boks til hver "Player1.Source" -blok og skift hver for at matche lydens navn for hver knap.
Nu hvor lydene er indstillet for hver knap, skal vi bare fortælle vores app at afspille lyden, når vi klikker på knappen. For at gøre det skal du klikke på fanen Mine blokke og vælge Player1. Træk "Player1.Start" -blokken til "Button1.Click". Gentag disse trin for hver af knappeklikkehændelsesblokkene.
Du er færdig! Du har oprettet en fuldt fungerende soundboard-app. Se appen i aktion ved at gøre et af følgende:
- Teste appen på din Android-enhed ved at aktivere USB-fejlfinding på enheden under Indstillinger> Programmer> Udvikling og tilslutte den til din computer. Du kan derefter klikke på knappen Tilslut til enhed ... i blokken Editor for at vise appen på enheden.
- Installer Android SDK og klik på knappen Ny emulator for at få vist den på din computer på en emulatorskærm.
- Klik på indstillingen Package for Phone på skærmen App Inventor. Derefter kan du vise stregkode, download appen til computeren som en APK-fil eller hente til en tilsluttet telefon.
Nyd din tilpassede soundboard-app på din Android-enhed.
Der er mange apps, du kan oprette med dette værktøj - hvad skal du lave?