Jak zbudować własną aplikację Soundboard za pomocą aplikacji Android Inventor

Dzisiaj pokażemy, jak używać narzędzia Android App Inventor do tworzenia własnych aplikacji na Androida bez pisania skomplikowanego kodu. To naprawdę prosty proces, który wymaga jedynie przeciągania i upuszczania.

Soundboardy to jedne z najprostszych aplikacji do tworzenia przy użyciu App Inventor, więc dzisiaj pokażemy, jak rozpocząć tworzenie własnej aplikacji.

Ten gościnny artykuł został napisany przez Mitcha Bartletta z firmy Technipages, gdzie omawia wiele dogłębnych porad dotyczących smartfonów.

Instalowanie i używanie App Inventor do tworzenia aplikacji

Najpierw musisz upewnić się, że instalujesz Java 1.6 lub nowszą wersję. Możesz pobrać go ze strony http://www.java.com. Gdy skończysz, zainstaluj App Inventor, korzystając z instrukcji dla twojego systemu operacyjnego.

Mac OS X
GNU / Linux
Windows

Odwiedź sekcję Moje projekty na stronie aplikacji Inventor. Zaloguj się i zaakceptuj warunki usługi, jeśli zostaniesz o to poproszony. Wybierz przycisk Nowy, aby uruchomić nową aplikację.

Nadaj swojej aplikacji unikalną nazwę, a następnie kliknij OK.

Teraz możemy zacząć układać elementy na ekranie. Zamierzamy tworzyć kolumny i wiersze dla naszych przycisków rezonansowych. Możemy to zrobić, wybierając opcję Układ ekranu na palecie i przeciągając element TableArrangement do przeglądarki.

Ustaw właściwość Właściwości dla składnika TableArrangement1 w panelu Właściwości. Tutaj zmienimy go na 3 kolumny i 3 wiersze.

Do odtwarzania naszych dźwięków potrzebujemy komponentu. Wybierz Media na palecie i przeciągnij komponent Player do przeglądarki. Pojawi się jako Gracz1 w sekcji Niewidoczne komponenty.

Dodajmy kilka dźwięków do naszego projektu. App Inventor obsługuje pliki MP3 lub WAV o rozmiarze poniżej 3 MB. Dodajemy je do naszego projektu, wybierając komponent Player1, a następnie wybierając pole Źródło. Kliknij przycisk Dodaj ... i wybierz Przeglądaj ..., aby przesłać pliki dźwiękowe z komputera. Powtórz te kroki, aby dodać wiele dźwięków.

Dodaj przycisk dla każdego dźwięku, wybierając paletę podstawową i przeciągając je do pola TableArrangement1 w przeglądarce. Będziesz mógł umieścić każdy przycisk w określonym wierszu i kolumnie.

Wybierz każdy przycisk w obszarze Komponenty i zmień pola tekstowe, aby odzwierciedlić dźwięki, które będą odtwarzane.

Kończymy na ekranie przeglądarki. Tak właśnie wygląda nasza aplikacja.

Czas kontrolować zachowanie elementów na ekranie. Kliknij Open the Blocks Editor, aby rozpocząć. Wybierz, aby otworzyć plik lub udzielić dostępu, jeśli zostaniesz o to poproszony.

Kliknij kartę Moje bloki. Wybierz Button1 i przeciągnij okno "Button1.Click" po prawej stronie ekranu. Zrób to dla każdego przycisku dodanego do Twojej aplikacji (Button2, Button3 itd.)

Wybierz Player1 pod zakładką Moje bloki i przeciągnij blok "Player1.Source" do bloku "Button1.Click". Blok powinien połączyć się na swoim miejscu. Dodaj blok "Player1.Source" do każdego z bloków innych przycisków (Button2.Click, Button3.Click, itp.)

Kliknij kartę Wbudowane i wybierz opcję Tekst. Przeciągnij blok "tekst" w prawo i połącz go z blokiem "Player1.Source".

Pole "tekst" kontroluje, który dźwięk jest odtwarzany. Kliknij tekst w bloku i zmień go, aby pasował do nazwy pliku dźwiękowego dla przycisku Button1. W naszym przykładzie Button1 to "Punch", więc ustawiamy tekst na Punch.mp3.

Przeciągnij pole "tekst" do każdego bloku "Gracz1.Source" i zmień każde z nich, aby pasowało do nazwy dźwięku dla każdego przycisku.

Teraz, gdy dźwięki są ustawione dla każdego przycisku, po prostu musimy powiedzieć naszej aplikacji, aby odtwarzała dźwięk za każdym razem, gdy klikniemy przycisk. Aby to zrobić, kliknij zakładkę Moje bloki i wybierz Gracz1. Przeciągnij blok "Player1.Start" do "Button1.Click". Powtórz te kroki dla każdego bloku zdarzeń kliknięcia przycisku.

Jesteś skończony! Stworzyłeś w pełni funkcjonalną aplikację do tworzenia płyt dźwiękowych. Zobacz aplikację w działaniu, wykonując jedną z poniższych czynności:

Przetestuj aplikację na urządzeniu z Androidem, włączając funkcję USB Debugging na urządzeniu w obszarze Ustawienia> Aplikacje> Tworzenie i podłączając go do komputera. Następnie możesz kliknąć przycisk Połącz z urządzeniem ... w Edytorze bloków, aby wyświetlić aplikację na urządzeniu.
Zainstaluj zestaw SDK systemu Android i kliknij przycisk Nowy emulator, aby wyświetlić go na komputerze na ekranie emulatora.
Kliknij opcję Package for Phone na ekranie App Inventor. Następnie możesz pokazać kod kreskowy, pobrać aplikację na komputer jako plik APK lub pobrać na podłączony telefon.

Ciesz się spersonalizowaną aplikacją do tworzenia płyt dźwiękowych na urządzeniu z Androidem.

Dzięki temu narzędziu możesz tworzyć wiele aplikacji - co zamierzasz zrobić?