Ako vytvoriť svoj vlastný Soundboard App s Android App Inventor

Obsah:

Ako vytvoriť svoj vlastný Soundboard App s Android App Inventor
Ako vytvoriť svoj vlastný Soundboard App s Android App Inventor

Video: Ako vytvoriť svoj vlastný Soundboard App s Android App Inventor

Video: Ako vytvoriť svoj vlastný Soundboard App s Android App Inventor
Video: Soldering Tutorial for Beginners: Five Easy Steps - YouTube 2024, Apríl
Anonim
Dnes vám ukážeme, ako môžete pomocou nástroja Android App Inventor vytvoriť vlastnú aplikáciu pre systém Android bez toho, aby ste museli písať veľa komplikovaného kódu. Je to naozaj jednoduchý proces, ktorý si vyžaduje iba preťahovanie.
Dnes vám ukážeme, ako môžete pomocou nástroja Android App Inventor vytvoriť vlastnú aplikáciu pre systém Android bez toho, aby ste museli písať veľa komplikovaného kódu. Je to naozaj jednoduchý proces, ktorý si vyžaduje iba preťahovanie.

Zvukové dosky patria medzi najjednoduchšie aplikácie, ktoré môžete vytvoriť pomocou aplikácie App Inventor. Dnes vám teda ukážeme, ako začať vytvárať vlastnú aplikáciu.

Tento článok hosťa bol napísaný Mitchom Bartlettom z Technipages, kde pokrýva veľa hĺbkových tipov na smartphone.

Inštalácia a používanie aplikácie Inventor aplikácie na vytvorenie aplikácie

Po prvé, musíte sa uistiť, že nainštalujete Java 1.6 alebo novší. Môžete si ho stiahnuť na adrese https://www.java.com. Akonáhle to skončíte, nainštalujte aplikáciu App Inventor pomocou pokynov pre váš operačný systém.

  • Mac OS X
  • GNU / Linux
  • windows

Navštívte sekciu Moje projekty na stránke aplikácie Inventor. Ak sa zobrazí výzva, prihláste sa a vyjadrite súhlas so zmluvnými podmienkami. Ak chcete spustiť novú aplikáciu, vyberte tlačidlo Nový.

Dajte aplikácii jedinečný názov a kliknite na tlačidlo OK.
Dajte aplikácii jedinečný názov a kliknite na tlačidlo OK.
Zobrazí sa prehliadač App Inventor. Táto obrazovka zobrazuje, ako vaša aplikácia vyzerá pri jej zostavovaní. Najprv budeme chcieť vytvoriť titul pre túto obrazovku. Na obrazovke Komponenty by sa mala vybrať obrazovka1. V sekcii Vlastnosti môžeme zmeniť pole Názov na názov našej aplikácie.
Zobrazí sa prehliadač App Inventor. Táto obrazovka zobrazuje, ako vaša aplikácia vyzerá pri jej zostavovaní. Najprv budeme chcieť vytvoriť titul pre túto obrazovku. Na obrazovke Komponenty by sa mala vybrať obrazovka1. V sekcii Vlastnosti môžeme zmeniť pole Názov na názov našej aplikácie.
Teraz môžeme začať usporiadať položky na obrazovke. Budeme vytvárať stĺpce a riadky pre naše tlačidlá na zvukovej doske. Môžeme to urobiť výberom usporiadania obrazovky na palete a pretiahnutím položky TableArrangement do prehliadača.
Teraz môžeme začať usporiadať položky na obrazovke. Budeme vytvárať stĺpce a riadky pre naše tlačidlá na zvukovej doske. Môžeme to urobiť výberom usporiadania obrazovky na palete a pretiahnutím položky TableArrangement do prehliadača.
Nastavte vlastnosti pre komponent TableArrangement1 na paneli Vlastnosti. Tu ho zmeníme na 3 stĺpce a 3 riadky.
Nastavte vlastnosti pre komponent TableArrangement1 na paneli Vlastnosti. Tu ho zmeníme na 3 stĺpce a 3 riadky.
Image
Image

Na prehrávanie našich zvukov budeme potrebovať komponent. Vyberte položku Médiá na palete a pretiahnite súčasť prehrávača do prehliadača. V sekcii Neviditeľné komponenty sa zobrazí ako Player1.

Pridajme do nášho projektu niekoľko zvukov. Aplikácia App Inventor bude podporovať súbory vo formáte MP3 alebo WAV, ktoré majú veľkosť 3 MB. Pridávame ich do nášho projektu výberom komponentu Player1 a výberom poľa Zdroj. Kliknite na tlačidlo Pridať … a vyberte možnosť Prehľadávať … a nahrať zvukové súbory z počítača. Opakujte tieto kroky, ak chcete pridať viacero zvukov.
Pridajme do nášho projektu niekoľko zvukov. Aplikácia App Inventor bude podporovať súbory vo formáte MP3 alebo WAV, ktoré majú veľkosť 3 MB. Pridávame ich do nášho projektu výberom komponentu Player1 a výberom poľa Zdroj. Kliknite na tlačidlo Pridať … a vyberte možnosť Prehľadávať … a nahrať zvukové súbory z počítača. Opakujte tieto kroky, ak chcete pridať viacero zvukov.
Pridajte tlačidlo pre každý zvuk výberom základnej palety a presunutím do poľa TableArrangement1 v prehliadači. Každé tlačidlo budete môcť umiestniť do určitého riadka a stĺpca.
Pridajte tlačidlo pre každý zvuk výberom základnej palety a presunutím do poľa TableArrangement1 v prehliadači. Každé tlačidlo budete môcť umiestniť do určitého riadka a stĺpca.
Vyberte každé tlačidlo v oblasti Komponenty a zmeňte pole Text tak, aby reprezentovali zvuky, ktoré budú prehrávať.
Vyberte každé tlačidlo v oblasti Komponenty a zmeňte pole Text tak, aby reprezentovali zvuky, ktoré budú prehrávať.
Dokončili sme obrazovku prehliadača. Práve táto aplikácia vyzerá.
Dokončili sme obrazovku prehliadača. Práve táto aplikácia vyzerá.
Je čas na kontrolu správania položiek na obrazovke. Ak chcete začať, kliknite na položku Otvoriť editor blokov. Vyberte, ak chcete otvoriť súbor alebo poskytnúť prístup, ak sa zobrazí výzva.
Je čas na kontrolu správania položiek na obrazovke. Ak chcete začať, kliknite na položku Otvoriť editor blokov. Vyberte, ak chcete otvoriť súbor alebo poskytnúť prístup, ak sa zobrazí výzva.
Kliknite na kartu Moje bloky. Vyberte tlačidlo 1 a presuňte pole "Button1.Click" na pravej strane obrazovky. Vykonajte to pre každé tlačidlo, ktoré ste pridali do aplikácie (Button2, Button3, atď.)
Kliknite na kartu Moje bloky. Vyberte tlačidlo 1 a presuňte pole "Button1.Click" na pravej strane obrazovky. Vykonajte to pre každé tlačidlo, ktoré ste pridali do aplikácie (Button2, Button3, atď.)
Vyberte kartu Player1 na karte Moje bloky a pretiahnite blok "Player1.Source" na blok "Button1.Click". Blok by sa mal pripojiť na svoje miesto. Pridajte blok "Player1.Source" na každé z ostatných tlačidiel na tlačidlo kliknutí (Button2.Click, Button3.Click, atď)
Vyberte kartu Player1 na karte Moje bloky a pretiahnite blok "Player1.Source" na blok "Button1.Click". Blok by sa mal pripojiť na svoje miesto. Pridajte blok "Player1.Source" na každé z ostatných tlačidiel na tlačidlo kliknutí (Button2.Click, Button3.Click, atď)
Image
Image

Kliknite na kartu Zabudované a vyberte položku Text. Presuňte blok "text" napravo a pripojte ho k bloku "Player1.Source".

Pole "text" určuje, ktorý zvuk sa prehráva. Kliknite na text v bloku a zmeňte ho tak, aby zodpovedal názvu zvukového súboru pre tlačidlo1. V našom príklade je Button1 "Punch", takže sme nastavili text na Punch.mp3.
Pole "text" určuje, ktorý zvuk sa prehráva. Kliknite na text v bloku a zmeňte ho tak, aby zodpovedal názvu zvukového súboru pre tlačidlo1. V našom príklade je Button1 "Punch", takže sme nastavili text na Punch.mp3.
Presuňte "textové" pole do každého bloku "Player1.Source" a zmeňte každú z nich tak, aby zodpovedali názvu zvukového poľa pre každé tlačidlo.
Presuňte "textové" pole do každého bloku "Player1.Source" a zmeňte každú z nich tak, aby zodpovedali názvu zvukového poľa pre každé tlačidlo.
Teraz, keď sú nastavené zvuky pre každé tlačidlo, stačí povedať našej aplikácii, aby zvuk prehrávala pri každom kliknutí na tlačidlo. Ak to chcete urobiť, kliknite na kartu Moje bloky a vyberte prehrávač1. Presuňte blok "Player1.Start" na tlačidlo "Button1.Click". Opakujte tieto kroky pre každé z blokov udalostí kliknutí na tlačidlo.
Teraz, keď sú nastavené zvuky pre každé tlačidlo, stačí povedať našej aplikácii, aby zvuk prehrávala pri každom kliknutí na tlačidlo. Ak to chcete urobiť, kliknite na kartu Moje bloky a vyberte prehrávač1. Presuňte blok "Player1.Start" na tlačidlo "Button1.Click". Opakujte tieto kroky pre každé z blokov udalostí kliknutí na tlačidlo.
Ste hotovo! Vytvorili ste plne funkčnú aplikáciu so zvukovou kartou. Zobrazte aplikáciu v akcii tak, že vykonáte jednu z nasledujúcich činností:
Ste hotovo! Vytvorili ste plne funkčnú aplikáciu so zvukovou kartou. Zobrazte aplikáciu v akcii tak, že vykonáte jednu z nasledujúcich činností:
  • Vyskúšajte aplikáciu v zariadení Android aktivovaním ladenia USB na zariadení v časti Nastavenia> Aplikácie> Rozvoj a pripojenie k počítaču. Potom môžete kliknúť na tlačidlo Pripojiť k zariadeniu … v Editore blokov, aby sa aplikácia zobrazila v zariadení.

    Image
    Image
  • Nainštalujte súpravu Android SDK a kliknite na tlačidlo Nové emulátor a zobrazte ju v počítači na obrazovke emulátora.
  • Kliknite na možnosť Package for Phone na obrazovke App Inventor. Potom môžete zobraziť čiarový kód, stiahnuť aplikáciu do počítača ako súbor APK alebo stiahnuť do pripojeného telefónu.

    Image
    Image

Vychutnajte si prispôsobenú aplikáciu so zvukovou kartou v zariadení Android.

Odporúča: