Hogyan készítsd el saját Soundboard alkalmazását Android App Inventor segítségével

Tartalomjegyzék:

Hogyan készítsd el saját Soundboard alkalmazását Android App Inventor segítségével
Hogyan készítsd el saját Soundboard alkalmazását Android App Inventor segítségével
Anonim
Ma megmutatjuk, hogyan használhatja az Android App Inventor eszközt a saját Android-alkalmazás létrehozásához anélkül, hogy sok bonyolult kódot kellene írni. Ez egy nagyon egyszerű folyamat, amely csak néhány húzást és leesést igényel.
Ma megmutatjuk, hogyan használhatja az Android App Inventor eszközt a saját Android-alkalmazás létrehozásához anélkül, hogy sok bonyolult kódot kellene írni. Ez egy nagyon egyszerű folyamat, amely csak néhány húzást és leesést igényel.

A hangkártyák a legegyszerűbb alkalmazások közé tartoznak, amelyeket az App Inventor használatával hozhat létre, így ma bemutatjuk, miként kezdheti el saját alkalmazásának létrehozását.

Ezt a vendégcikket Mitch Bartlett írta a Technipages-ből, ahol sok részletes okostelefon-tippet fed le.

Az App Inventor telepítése és használata App létrehozásához

Először is győződjön meg róla, hogy telepítette a Java 1.6-at vagy újabb verziót. Letöltheti https://www.java.com címen. Miután elkészült, telepítse az App Inventort az operációs rendszer utasításait használva.

  • Mac OS X
  • GNU / Linux
  • ablakok

Látogasson el az App Inventor webhely Saját projektek szakaszára. Jelentkezzen be és fogadja el a szolgáltatási feltételeket. Új alkalmazás elindításához válassza az Új gombot.

Adja meg az alkalmazást egyedi névvel, majd kattintson az OK gombra.
Adja meg az alkalmazást egyedi névvel, majd kattintson az OK gombra.
Megjelenik az App Inventor megjelenítője. Ez a képernyő megmutatja, hogy az alkalmazás hogyan fog kinézni, ahogy építi. Először is szeretnénk címt szerezni ehhez a képernyőhöz. Az Összetevők ablaktáblán felül a Screen1 lehetőséget kell kiválasztani. A Tulajdonságok szakaszban módosíthatjuk a Cím mezőt alkalmazónk nevére.
Megjelenik az App Inventor megjelenítője. Ez a képernyő megmutatja, hogy az alkalmazás hogyan fog kinézni, ahogy építi. Először is szeretnénk címt szerezni ehhez a képernyőhöz. Az Összetevők ablaktáblán felül a Screen1 lehetőséget kell kiválasztani. A Tulajdonságok szakaszban módosíthatjuk a Cím mezőt alkalmazónk nevére.
Most elkezdhetjük elemek rendezését a képernyőn. A hanglemez gombjainkra oszlopokat és sorokat készítünk. Ezt úgy tehetjük meg, ha kiválasztjuk a Paletta képernyőmegállapodását és a TableArrangement elemet a Viewer-ba.
Most elkezdhetjük elemek rendezését a képernyőn. A hanglemez gombjainkra oszlopokat és sorokat készítünk. Ezt úgy tehetjük meg, ha kiválasztjuk a Paletta képernyőmegállapodását és a TableArrangement elemet a Viewer-ba.
Állítsa be a TableArrangement1 tulajdonságainak tulajdonságait a Properties (Tulajdonságok) ablakban. Itt változtatjuk meg 3 oszlopra és 3 sorra.
Állítsa be a TableArrangement1 tulajdonságainak tulajdonságait a Properties (Tulajdonságok) ablakban. Itt változtatjuk meg 3 oszlopra és 3 sorra.
Szükségünk lesz egy komponensre a hangunk lejátszásához. Válassza a Média elemet a Palettáról, és húzza a Player elemet a Megtekintőbe. Ez megjelenik Player1-ben a Nem látható összetevők részben.
Szükségünk lesz egy komponensre a hangunk lejátszásához. Válassza a Média elemet a Palettáról, és húzza a Player elemet a Megtekintőbe. Ez megjelenik Player1-ben a Nem látható összetevők részben.
Adjunk hozzá néhány hangot a projektünkhöz. Az App Inventor támogatja az MP3 vagy WAV fájlokat, amelyek 3 MB alatt vannak. A projekthez hozzáadjuk a Player1 összetevőt, majd kiválasztjuk a Forrás mezőt. Kattintson a Hozzáadás … gombra, és válassza a Browse … (Tallózás) lehetőséget a hangfájlok feltöltéséhez a számítógépről. Ismételje meg ezeket a lépéseket több hang hozzáadásához.
Adjunk hozzá néhány hangot a projektünkhöz. Az App Inventor támogatja az MP3 vagy WAV fájlokat, amelyek 3 MB alatt vannak. A projekthez hozzáadjuk a Player1 összetevőt, majd kiválasztjuk a Forrás mezőt. Kattintson a Hozzáadás … gombra, és válassza a Browse … (Tallózás) lehetőséget a hangfájlok feltöltéséhez a számítógépről. Ismételje meg ezeket a lépéseket több hang hozzáadásához.
Adjon hozzá egy gombot minden hanghoz az Alapszintű paletta kiválasztásával és a Viewer TableArrangement1 mezőjébe húzásával. Minden egyes gombot elhelyezhet egy adott soron és oszlopon belül.
Adjon hozzá egy gombot minden hanghoz az Alapszintű paletta kiválasztásával és a Viewer TableArrangement1 mezőjébe húzásával. Minden egyes gombot elhelyezhet egy adott soron és oszlopon belül.
Válassza ki az egyes összetevők egyes gombjait, és változtassa meg a Szöveg mezőket a lejátszani kívánt hangok megjelenítéséhez.
Válassza ki az egyes összetevők egyes gombjait, és változtassa meg a Szöveg mezőket a lejátszani kívánt hangok megjelenítéséhez.
Befejeztük a Viewer képernyőt. Ez az, amit az alkalmazásunk jelenleg néz ki.
Befejeztük a Viewer képernyőt. Ez az, amit az alkalmazásunk jelenleg néz ki.
Ideje ellenőrizni az elemek viselkedését a képernyőn. Az induláshoz kattintson a Megnyitás gombra. Válassza ki, hogy megnyitja a fájlt, vagy megadja a hozzáférést, ha azt kéri.
Ideje ellenőrizni az elemek viselkedését a képernyőn. Az induláshoz kattintson a Megnyitás gombra. Válassza ki, hogy megnyitja a fájlt, vagy megadja a hozzáférést, ha azt kéri.
Kattintson a Saját blokkok fülre. Válassza a Button1-et, és húzza a "Button1.Click" jelölőnégyzetet a képernyő jobb oldalára. Ehhez minden alkalmazáshoz hozzáadott gombot (Button2, Button3 stb.)
Kattintson a Saját blokkok fülre. Válassza a Button1-et, és húzza a "Button1.Click" jelölőnégyzetet a képernyő jobb oldalára. Ehhez minden alkalmazáshoz hozzáadott gombot (Button2, Button3 stb.)
A Saját blokkok lapon válassza a Player1 elemet, és húzza a "Player1.Source" blokkot a "Button1.Click" blokkra. A blokknak a helyére kell kerülnie. Add hozzá a "Player1.Source" blokkot a többi gombblokkhoz is (Button2.Click, Button3.Click stb.)
A Saját blokkok lapon válassza a Player1 elemet, és húzza a "Player1.Source" blokkot a "Button1.Click" blokkra. A blokknak a helyére kell kerülnie. Add hozzá a "Player1.Source" blokkot a többi gombblokkhoz is (Button2.Click, Button3.Click stb.)
Kattintson a Beépített lapra, és válassza a Szöveg lehetőséget. A "szöveg" blokkot húzza jobbra, és csatlakoztassa a "Player1.Source" blokkhoz.
Kattintson a Beépített lapra, és válassza a Szöveg lehetőséget. A "szöveg" blokkot húzza jobbra, és csatlakoztassa a "Player1.Source" blokkhoz.
A "szöveg" mező szabályozza, hogy melyik hangot játssza le. Kattintson a szövegre a blokkban, és módosítsa, hogy megfeleljen a Button1 hangfájl nevének. Példánkban a Button1 "Punch", ezért a szöveget Punch.mp3-re állítottuk be.
A "szöveg" mező szabályozza, hogy melyik hangot játssza le. Kattintson a szövegre a blokkban, és módosítsa, hogy megfeleljen a Button1 hangfájl nevének. Példánkban a Button1 "Punch", ezért a szöveget Punch.mp3-re állítottuk be.
Húzzon egy "szöveg" mezőt minden egyes "Player1.Source" blokkra, és változtassa meg mindegyiket, hogy megfeleljen a gomb minden egyes gombjának a nevéhez.
Húzzon egy "szöveg" mezőt minden egyes "Player1.Source" blokkra, és változtassa meg mindegyiket, hogy megfeleljen a gomb minden egyes gombjának a nevéhez.
Most, hogy a hangok minden egyes gombhoz vannak beállítva, csak meg kell mondanunk alkalmazásunknak, hogy játsszák meg a hangot, amikor rákattintunk a gombra. Ehhez kattintson a Saját blokkok lapra, és válassza a Játékos1 elemet. Húzza a "Player1.Start" blokkot a "Button1.Click" gombra. Ismételje meg ezeket a lépéseket minden gombnyomás-eseményblokk esetén.
Most, hogy a hangok minden egyes gombhoz vannak beállítva, csak meg kell mondanunk alkalmazásunknak, hogy játsszák meg a hangot, amikor rákattintunk a gombra. Ehhez kattintson a Saját blokkok lapra, és válassza a Játékos1 elemet. Húzza a "Player1.Start" blokkot a "Button1.Click" gombra. Ismételje meg ezeket a lépéseket minden gombnyomás-eseményblokk esetén.
Végeztél! Készítettél egy teljesen működő Soundboard alkalmazást. Tekintse meg az alkalmazás működését a következők egyikével:
Végeztél! Készítettél egy teljesen működő Soundboard alkalmazást. Tekintse meg az alkalmazás működését a következők egyikével:
  • Tesztelje ki az alkalmazást az Android-eszközön azáltal, hogy engedélyezi az USB hibakeresést az eszközön a Beállítások> Alkalmazások> Fejlesztés és a számítógéphez való csatlakoztatáshoz. Ezután kattintson az Eszköz csatlakoztatása … gombra a Blokkszerkesztőben, hogy megjelenítse az alkalmazást az eszközön.

    Image
    Image
  • Telepítse az Android SDK-t, és kattintson az Új emulátor gombra, hogy az emulátor képernyőjén megtekintse a számítógépen.
  • Kattintson a Csomag telefonra lehetőségre az App Inventor képernyőn. Ezután megjelenítheti a vonalkódot, töltheti le az alkalmazást a számítógépre APK fájlként, vagy tölthet le egy csatlakoztatott telefonra.

    Image
    Image

Élvezze a testre szabott soundboard-alkalmazást Android-eszközén.

Ajánlott: