Hoe u uw eigen soundboard-app kunt bouwen met Android App Inventor

Vandaag gaan we u laten zien hoe u de Android App Inventor-tool gebruikt om uw eigen Android-app te maken, zonder dat u veel gecompliceerde code hoeft te schrijven. Het is een heel eenvoudig proces dat alleen wat slepen en neerzetten vereist.

Soundboards behoren tot de eenvoudigste apps om te maken met App Inventor, dus vandaag laten we u zien hoe u aan de slag kunt met het maken van uw eigen applicatie.

Dit gastartikel is geschreven door Mitch Bartlett van Technipages, waar hij veel diepgaande smartphone-tips behandelt.

App Inventor installeren en gebruiken om een ​​app te maken

Eerst moet je ervoor zorgen dat je Java 1.6 of hoger installeert. Je kunt het downloaden op http://www.java.com. Als je daarmee klaar bent, installeer dan de App Inventor met behulp van de instructies voor je besturingssysteem.

• Mac OS X
• GNU / Linux
• ramen

Ga naar het gedeelte Mijn projecten van de App Inventor-site. Log in en ga akkoord met de servicevoorwaarden als daarom wordt gevraagd. Selecteer de knop Nieuw om een ​​nieuwe app te starten.

Geef uw app een unieke naam en klik vervolgens op OK.

Nu kunnen we beginnen met het regelen van items op het scherm. We gaan kolommen en rijen maken voor onze klankbordknoppen. We kunnen dit doen door Screen Arrangement in het palet te selecteren en het item TableArrangement naar de viewer te slepen.

Stel de eigenschappen voor de component TableArrangement1 in het deelvenster Eigenschappen in. Hier zullen we het veranderen in 3 kolommen en 3 rijen.

We hebben een component nodig om onze geluiden te spelen. Selecteer Media in het palet en sleep het component Player naar de viewer. Het verschijnt als Player1 in het gedeelte Niet-zichtbare componenten.

Laten we wat geluiden toevoegen aan ons project. App Inventor ondersteunt MP3- of WAV-bestanden die kleiner zijn dan 3MB. We voegen ze toe aan ons project door het onderdeel Player1 te selecteren en vervolgens het veld Source te selecteren. Klik op de knop Toevoegen ... en selecteer Bladeren ... om geluidsbestanden vanaf uw pc te uploaden. Herhaal deze stappen om meerdere geluiden toe te voegen.

Voeg een knop toe voor elk geluid door het Basispalet te selecteren en deze naar het vak TableArrangement1 in de Viewer te slepen. U kunt elke knop binnen een specifieke rij en kolom plaatsen.

Selecteer elke knop in het gebied Componenten en wijzig de tekstvelden om de geluiden weer te geven die ze zullen spelen.

We zijn klaar met het Viewer-scherm. Dit is hoe onze app er op dit moment uitziet.

Het is tijd om het gedrag van de items op het scherm te regelen. Klik op de Blocks Editor openen om te beginnen. Kies om het bestand te openen of toegang te verlenen als daarom wordt gevraagd.

Klik op het tabblad Mijn blokken. Selecteer knop 1 en sleep het vak "Knop1.Klik" naar de rechterkant van het scherm. Doe dit voor elke knop die u aan uw app hebt toegevoegd (Knop2, Knop3, etc.)

Selecteer Player1 onder het tabblad My Blocks en sleep het blok "Player1.Bron" naar het blok "Button1.Click". Het blok moet op zijn plaats worden verbonden. Voeg ook een blok "Player1-afkomst" toe aan elk van de andere blokken met knopklikken (Button2.Click, Button3.Click, enz.)

Klik op het tabblad Ingebouwd en selecteer Tekst. Sleep een "tekst" -blok naar rechts en verbind het met het blok "Speler1-afkomst".

Het vak "tekst" bepaalt welk geluid wordt afgespeeld. Klik op de tekst in het blok en wijzig deze om overeen te komen met de naam van het geluidsbestand voor Button1. In ons voorbeeld is Button1 "Punch", dus hebben we de tekst ingesteld op Punch.mp3.

Sleep een "tekst" -vak naar elk blok "Player1-stambeeld" en verander elk vakje om overeen te komen met de naam van het geluid voor elke knop.

Nu de geluiden voor elke knop zijn ingesteld, hoeven we alleen onze app te vertellen om het geluid af te spelen wanneer we op de knop klikken. Klik hiervoor op het tabblad Mijn blokken en selecteer Speler1. Sleep het blok "Player1.Start" naar "Button1.Click". Herhaal deze stappen voor elk van de knopklik-gebeurtenisblokken.

U bent klaar! U hebt een volledig werkende soundboard-app gemaakt. Bekijk de app in actie door een van de volgende dingen te doen:

• Test de app op uw Android-apparaat door USB-foutopsporing op het apparaat in te stellen via Instellingen> Toepassingen> Ontwikkeling en maak verbinding met uw computer. U kunt vervolgens op de knop Verbinden met apparaat ... klikken in de Blokkeneditor om de app op het apparaat weer te geven.
• Installeer de Android SDK en klik op de knop Nieuwe emulator om deze op uw computer te bekijken in een emulatievenster.
• Klik op de optie Pakket voor telefoon op het scherm App Inventor. Vervolgens kunt u Barcode tonen, de app downloaden naar de computer als een APK-bestand of downloaden naar een verbonden telefoon.
  

Geniet van je aangepaste soundboard-app op je Android-apparaat.

Er zijn veel apps die u met deze tool kunt maken - wat gaat u doen??