If-Koubou

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

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

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 opisuje on 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 aplikacji unikalną nazwę, a następnie kliknij przycisk OK.

Zostanie wyświetlona aplikacja App Inventor. Ten ekran pokazuje, jak Twoja aplikacja będzie wyglądać podczas jej tworzenia. Najpierw chcemy utworzyć tytuł tego ekranu. Na panelu Komponenty należy wybrać Screen1. W sekcji Właściwości możemy zmienić pole Tytuł na nazwę naszej aplikacji.

Teraz możemy zacząć układać elementy na ekranie. Zamierzamy stworzyć 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ści dla składnika TableArrangement1 w okienku Properties. Tutaj zmienimy go na 3 kolumny i 3 wiersze.

Będziemy potrzebować komponentu do odtwarzania naszych dźwięków. Wybierz Media na palecie i przeciągnij komponent Player do przeglądarki. Pojawi się jako Player1 w sekcji Non visible components.

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" na prawą stronę 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 się połączyć na miejscu. Dodaj blok "Player1.Source" do każdego z pozostałych bloków kliknięcia przycisku (Button2.Click, Button3.Click, itp.)

Kliknij kartę Wbudowane i wybierz opcję Tekst. Przeciągnij blok "tekstowy" na 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żdy, aby pasował 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 następujących 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ć?