Як побудувати свій власний додаток Soundboard з Android App Inventor

Сьогодні ми покажемо вам, як використовувати інструмент Android App Inventor для створення власного додатка для Android, без необхідності писати багато складного коду. Це дуже простий процес, який вимагає лише перетягування.

Звукові дошки є одними з найпростіших додатків для створення за допомогою програми Inventor, тому сьогодні ми покажемо вам, як розпочати створення власного додатка.

Ця гостьова стаття була написана Мітчем Бартлетт з Technipages, де він охоплює багато глибоких смартфонів.

Встановлення та використання програми Inventor для створення програми

По-перше, потрібно переконатися, що ви встановите Java 1.6 або вище. Його можна завантажити на веб-сторінці http://www.java.com. Після цього інсталюйте додаток Inventor за допомогою інструкцій для вашої операційної системи.

Mac OS X
GNU / Linux
Windows

Відвідайте розділ Мої проекти на сайті програми Inventor. Увійти та погодитися на умови надання послуг, якщо буде запропоновано. Натисніть кнопку Створити, щоб запустити нову програму.

Дайте вашій програмі унікальну назву, а потім натисніть кнопку ОК.

Тепер ми можемо розпочати розміщення елементів на екрані. Ми зробимо стовпці та рядки для наших кнопок деки. Ми можемо зробити це, вибравши Screen Paler (Розташування екрана) на палітрі і перетягнувши елемент TableArrangement до Viewer.

Встановіть властивості компонента TableArrangement1 на панелі властивостей. Тут ми змінимо його на 3 стовпці та 3 рядки.

Нам знадобиться компонент для відтворення наших звуків. На панелі палітри виберіть Media (Медіа) і перетягніть компонент Player у Viewer. Він відображатиметься як Player1 у розділі "Невидимі компоненти".

Додамо деякі звуки до нашого проекту. App Inventor підтримуватиме файли формату MP3 або WAV розміром до 3 Мб. Ми додаємо їх до нашого проекту, вибравши компонент Player1, а потім вибравши поле Source. Натисніть кнопку Додати… і виберіть Огляд…, щоб завантажити звукові файли з комп'ютера. Повторіть ці кроки, щоб додати кілька звуків.

Додайте кнопку для кожного звуку, вибравши Basic Palette і перетягнувши їх до поля TableArrangement1 у засобі перегляду. Ви зможете розмістити кожну кнопку в межах певного рядка і стовпця.

Виберіть кожну кнопку в області Компоненти та змініть поля Текст, щоб відобразити звуки, які вони відтворюватимуть.

Ми закінчили з екраном перегляду. Ось як виглядає наше додаток.

Настав час контролювати поведінку елементів на екрані. Натисніть Відкрити редактор блоків, щоб розпочати роботу. Виберіть, щоб відкрити файл або надати доступ, якщо з'явиться запит.

Перейдіть на вкладку Мої блоки. Виберіть Button1 і перетягніть вікно “Button1.Click” на праву частину екрана. Зробіть це для кожної кнопки, доданої до програми (Button2, Button3 і т.д.)

Виберіть Player1 на вкладці My Blocks і перетягніть блок «Player1.Source» до блоку «Button1.Click». Блок повинен з'єднуватися на місці. Додайте блок "Player1.Source" до кожного з інших блоків натискання кнопки (Button2.Click, Button3.Click і т.д.)

Перейдіть на вкладку Вбудований і виберіть Текст. Перетягніть блок "текст" праворуч і підключіть його до блоку "Player1.Source".

В полі "text" буде показано, який звук буде відтворюватися. Клацніть текст у блоці та змініть його, щоб відповідати назві звукового файлу для Button1. У нашому прикладі Button1 є "Punch", тому ми встановлюємо текст на Punch.mp3.

Перетягніть поле "текст" до кожного блоку "Player1.Source" і змініть кожну з них, щоб відповідати назві звуку для кожної кнопки.

Тепер, коли звуки встановлені для кожної кнопки, нам просто потрібно сказати нашій програмі, щоб він відтворював звук, коли ми натискаємо кнопку. Для цього натисніть вкладку Мої блоки та виберіть Player1. Перетягніть блок «Player1.Start» до «Button1.Click». Повторіть ці кроки для кожного з блоків подій натискання кнопок.

Ви готові! Ви створили повністю функціонуючий додаток деки. Перегляньте програму в дії, виконавши одну з таких дій:

Перевірте програму на своєму пристрої Android, увімкнувши функцію USB Debugging на пристрої в розділі "Налаштування"> "Програми"> "Розробка" та під'єднавши його до комп'ютера. Потім можна натиснути кнопку Підключитися до пристрою… у редакторі блоків, щоб відобразити програму на пристрої.
Встановіть Android SDK і натисніть кнопку Нова емулятор, щоб переглянути на комп'ютері екран емулятора.
Натисніть опцію Пакет для телефону на екрані App Inventor. Потім можна показувати Штрих-код, Завантажити програму на комп'ютер як файл APK або завантажити на підключений телефон.

Насолоджуйтеся налаштованою програмою для деки на пристрої Android.

За допомогою цього інструменту можна створити багато програм - що ви збираєтеся зробити?