Početna » kako da » Kako izgraditi vlastiti Soundboard App s Android App Inventor

    Kako izgraditi vlastiti Soundboard App s Android App Inventor

    Danas ćemo vam pokazati kako pomoću alata Android App Inventor stvoriti vlastitu aplikaciju za Android, a da ne morate pisati mnogo kompliciranog koda. To je vrlo jednostavan proces koji zahtijeva samo povlačenje i spuštanje.

    Soundboards su među najjednostavnijim aplikacijama za stvaranje pomoću App Inventor, pa ćemo vam danas pokazati kako započeti s izradom vlastite aplikacije.

    Ovaj članak za gosta napisao je Mitch Bartlett s Technipagesa, gdje pokriva puno detaljnih savjeta za pametne telefone.

    Instaliranje i upotreba aplikacije Inventor za izradu aplikacije

    Prvo morate provjeriti instalirate li Java 1.6 ili noviju verziju. Možete ga preuzeti na adresi http://www.java.com. Kada to završite, instalirajte App Inventor pomoću uputa za vaš operativni sustav.

    • Mac OS X
    • GNU / Linux
    • Windows

    Posjetite odjeljak Moji projekti na web-lokaciji App Inventor. Prijavite se i prihvatite uvjete pružanja usluge ako se to zatraži. Odaberite gumb Novo za pokretanje nove aplikacije.

    Dajte svojoj aplikaciji jedinstveno ime, a zatim kliknite U redu.

    Sada možemo početi s uređivanjem stavki na zaslonu. Napravit ćemo stupce i retke za naše gumbe na ploči. To možemo učiniti odabirom Screen Arrangement na Paleti i povlačenjem stavke TableArrangement u Viewer.

    Postavite Svojstva za komponentu TableArrangement1 u oknu Svojstva. Ovdje ćemo ga promijeniti u 3 stupca i 3 retka.

    Trebat će nam komponenta za reprodukciju naših zvukova. Odaberite Media na paleti i povucite komponentu programa Player u preglednik. Pojavit će se kao Player1 u odjeljku Nevidljive komponente.

    Dodajmo neke zvukove našem projektu. App Inventor će podržavati MP3 ili WAV datoteke koje su manje od 3MB. Dodamo ih u naš projekt odabirom komponente Player1, a zatim odabirom polja Izvor. Kliknite gumb Dodaj… i odaberite Pregledaj… za prijenos zvučnih datoteka s računala. Ponovite ove korake da biste dodali više zvukova.

    Dodajte gumb za svaki zvuk odabirom osnovne palete i povlačenjem u okvir TableArrangement1 u pregledniku. Moći ćete postaviti svaki gumb unutar određenog retka i stupca.

    Odaberite svaki gumb u području Components (Komponente) i promijenite polja Text (Tekst) da biste predstavili zvukove koje će reproducirati.

    Završili smo s prikazom zaslona. Tako trenutno izgleda naša aplikacija.

    Vrijeme je za kontrolu ponašanja stavki na zaslonu. Da biste započeli, kliknite Otvori uređivač blokova. Ako želite, otvorite datoteku ili odobrite pristup.

    Kliknite karticu Moji blokovi. Odaberite Button1 i povucite okvir "Button1.Click" na desnu stranu zaslona. Učinite to za svaki gumb koji ste dodali aplikaciji (Button2, Button3, itd.)

    Odaberite Player1 pod karticom Moji blokovi i povucite blok "Player1.Source" u blok "Button1.Click". Blok bi se trebao spojiti na mjesto. Dodajte blok "Player1.Source" svakom od drugih blokova klikanja gumba (Button2.Click, Button3.Click, itd.)

    Kliknite karticu Ugrađeno i odaberite Tekst. Povucite blok teksta u desno i povežite ga s blokom "Player1.Source".

    Okvir “text” će odrediti koji se zvuk reproducira. Kliknite na tekst u bloku i promijenite ga tako da odgovara nazivu zvučne datoteke za Button1. U našem primjeru, Button1 je "Punch", pa smo tekst postavili na Punch.mp3.

    Povucite okvir "text" na svaki blok "Player1.Source" i promijenite svaki od njih kako bi odgovarao nazivu zvuka za svaki gumb.

    Sada kada su zvukovi postavljeni za svaki gumb, samo trebamo reći našoj aplikaciji da reproducira zvuk kad god kliknemo na gumb. Da biste to učinili, kliknite karticu Moji blokovi i odaberite Player1. Povucite blok "Player1.Start" na "Button1.Click". Ponovite ove korake za svaki od blokova događaja klika gumba.

    Gotov si! Napravili ste potpuno funkcionalnu aplikaciju za zvučnu ploču. Pogledajte aplikaciju na djelu tako da učinite nešto od sljedećeg:

    • Isprobajte aplikaciju na uređaju Android tako da omogućite USB ispravljanje pogrešaka na uređaju u odjeljku Postavke> Aplikacije> Razvoj i povezivanje s računalom. Zatim možete kliknuti gumb Poveži se s uređajem… u uređivaču blokova da biste prikazali aplikaciju na uređaju.
    • Instalirajte Android SDK i kliknite gumb Novo emulator da biste ga vidjeli na računalu u emulatoru.
    • Kliknite opciju Paket za telefon na zaslonu aplikacije Inventor. Zatim možete prikazati barkod, preuzeti aplikaciju na računalo kao APK datoteku ili preuzeti na povezani telefon.

    Uživajte u prilagođenoj aplikaciji na ploči s Androidom.

    S ovim alatom možete stvoriti mnogo aplikacija - što ćete napraviti?