Hemsida » hur » Hur man bygger din egen Soundboard App med Android App Inventor

    Hur man bygger din egen Soundboard App med Android App Inventor

    Idag kommer vi att visa dig hur du använder Android App Inventor-verktyget för att skapa din egen Android-app utan att behöva skriva mycket komplicerad kod. Det är en väldigt enkel process som bara kräver att man drar och släpper.

    Soundboards är bland de enklaste appsna som skapas med App Inventor, så idag visar vi dig hur du börjar skapa din egen applikation.

    Denna gästartikel skrevs av Mitch Bartlett från Technipages, där han täcker massor av djupt smartphone tips.

    Installera och använda App Inventor för att skapa en app

    Först måste du se till att du installerar Java 1.6 eller senare. Du kan ladda ner det på http://www.java.com. När du är klar med det, installera App Inventor med anvisningarna för operativsystemet.

    • Mac OS X
    • GNU / Linux
    • Windows

    Besök avsnittet Mina projekt på App Inventor-webbplatsen. Logga in och godkänn användarvillkoren om du blir ombedd. Välj Ny knapp för att starta en ny app.

    Ge din app ett unikt namn och klicka sedan på OK.

    Nu kan vi börja ordna objekt på skärmen. Vi ska göra kolumner och rader för våra soundboard-knappar. Vi kan göra detta genom att välja Skärm Arrangemang på paletten och dra tabellen Arrangemang till Viewer.

    Ställ in egenskaperna för komponenten TableArrangement1 i fönstret Egenskaper. Här ändras vi till 3 kolumner och 3 rader.

    Vi behöver en komponent för att spela våra ljud. Välj Media på paletten och dra Spelarkomponenten till Viewer. Den visas som Player1 i avsnittet Icke-synliga komponenter.

    Låt oss lägga till några ljud i vårt projekt. App Inventor stöder MP3 eller WAV-filer som är mindre än 3 MB. Vi lägger till dem i vårt projekt genom att välja komponenten Player1 och sedan välja källfältet. Klicka på knappen Lägg till ... och välj Bläddra ... för att ladda upp ljudfiler från datorn. Upprepa dessa steg för att lägga till flera ljud.

    Lägg till en knapp för varje ljud genom att välja Basic Palette och dra dem över till rutan TableArrangement1 i Viewer. Du kommer att kunna placera varje knapp inom en viss rad och kolumn.

    Välj varje knapp i området Komponenter och ändra textfälten för att representera de ljud de ska spela.

    Vi är färdiga med Viewer-skärmen. Så här ser vår app för närvarande ut.

    Det är dags att kontrollera beteendet hos objekten på skärmen. Klicka på Öppna blockredigeraren för att komma igång. Välj att öppna filen eller ge åtkomst om du blir ombedd.

    Klicka på fliken Mina block. Välj Button1 och dra "Box1.Click" rutan över till höger på skärmen. Gör det här för varje knapp du har lagt till i din app (Button2, Button3, etc.)

    Välj Player1 under fliken Mina block och dra "Player1.Source" -blocket till "Button1.Click" -blocket. Blocket ska anslutas på plats. Lägg till ett "Player1.Source" -block till var och en av de andra knappklickblocken också (Button2.Click, Button3.Click, etc.)

    Klicka på fliken Inbyggd och välj Text. Dra ett "text" block över till höger och anslut det till "Player1.Source" -blocket.

    "Text" rutan kommer att styra vilket ljud som spelas. Klicka på texten i blocket och ändra den för att matcha ljudfilens namn för Button1. I vårt exempel är Button1 "Punch", så vi sätter texten till Punch.mp3.

    Dra en textfält till varje "Player1.Source" -block och ändra var och en för att matcha namnet på ljudet för varje knapp.

    Nu när ljuden är inställd för varje knapp, behöver vi bara berätta för appen att spela ljudet när vi klickar på knappen. För att göra det, klicka på fliken Mina block och välj Player1. Dra "Player1.Start" -blocket till "Button1.Click". Upprepa dessa steg för varje knappklick-händelseblock.

    Du är klar! Du har skapat en fullt fungerande soundboard-app. Se appen i åtgärd genom att göra något av följande:

    • Testa appen på din Android-enhet genom att aktivera USB-felsökning på enheten under Inställningar> Program> Utveckling och anslut den till datorn. Du kan sedan klicka på knappen Anslut till enhet ... i Block Editor för att visa appen på enheten.
    • Installera Android SDK och klicka på knappen Ny emulator för att visa den på din dator på en emulatorskärm.
    • Klicka på alternativet Paket för telefon på skärmen App Inventor. Då kan du visa streckkod, ladda ner appen till datorn som en APK-fil eller hämta till en ansluten telefon.

    Njut av din anpassade soundboard-app på din Android-enhet.

    Det finns massor av appar som du kan skapa med det här verktyget - vad ska du göra?