20Jul
Idag ska vi 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 du drar och släpper.
Ljudkort är bland de enklaste appsna som skapas med App Inventor, så idag visar vi 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 den 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.
App Inventor-tittaren visas. Den här skärmen visar vad din app kommer att se ut när du bygger den. Först vill vi skapa en titel för den här skärmen.Över i komponentrutan ska Screen1 väljas. Under avsnittet Egenskaper kan vi ändra Titel-fältet till namnet på vår app.
Nu kan vi börja arrangera 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 byter vi den 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 komponentområdet 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 Knapp1 och dra "Box1.Click" rutan över till höger på skärmen. Gör det här för varje knapp som du har lagt till i din app( Button2, Button3 osv.)
Välj Player1 under fliken Mina block och dra "Player1.Source" -blokken 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.
I rutan "text" kontrolleras 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" -blokken till "Button1.Click".Upprepa dessa steg för varje knappklick-händelseblock.
Du är färdig! 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 & gt;Applikationer & gt;Utveckla och ansluta den till din dator. 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?