20Jul
Vandaag laten we je zien hoe je de Android App Inventor-tool gebruikt om je eigen Android-app te maken, zonder dat je veel ingewikkelde 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 u ervoor zorgen dat u 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
- Windows
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 op OK.
De App Inventor-viewer verschijnt. Dit scherm laat zien hoe uw app eruit zal zien als u hem bouwt. Eerst willen we een titel voor dit scherm maken. In het paneel Componenten moet Scherm1 worden geselecteerd. In de sectie Eigenschappen kunnen we het veld Titel wijzigen in de naam van onze app.
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 TableArrangement-item naar de viewer te slepen.
Stel de eigenschappen in voor het onderdeel TableArrangement1 in het deelvenster Eigenschappen. Hier zullen we het veranderen naar 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 zal verschijnen als Player1 in het gedeelte Niet-zichtbare componenten.
Laten we wat geluiden aan ons project toevoegen. App Inventor ondersteunt MP3- of WAV-bestanden die kleiner zijn dan 3 MB.We voegen ze toe aan ons project door de Player1-component 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 "Button1.Click" naar de rechterkant van het scherm. Doe dit voor elke knop die u aan uw app hebt toegevoegd( Knop2, Knop3, enz.)
Selecteer Speler1 op het tabblad Mijn Blokken en sleep het blok "Speler1 Verzuring" naar het blok "Knop1.Klik".Het blok moet op zijn plaats worden aangesloten. Voeg ook een blok "Player1-stamt" toe aan elk van de andere blokken met knopklikken( Button2.Click, Button3.Click, enz.)
Klik op het tabblad Inbouwen en selecteer Tekst. Sleep een "tekst" -blok naar rechts en verbind het met het blok "Player1-afkomst".
Het vak "text" 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.
Je 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 je Android-apparaat door USB-foutopsporing op het apparaat in te schakelen via Instellingen & gt;Toepassingen & gt;Ontwikkeling en aansluiten op 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?