Как создать собственное приложение для Soundboard с помощью Android App Inventor

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

Звуковые панели являются одними из самых простых приложений, создаваемых с помощью App Inventor, поэтому сегодня мы покажем вам, как приступить к созданию собственного приложения..

Эта гостевая статья была написана Митчем Бартлеттом из Technipages, где он охватывает множество всесторонних советов для смартфонов.

Установка и использование приложения Inventor для создания приложения

Во-первых, вам нужно убедиться, что вы устанавливаете Java 1.6 или выше. Вы можете скачать его на http://www.java.com. После этого установите App Inventor, следуя инструкциям для вашей операционной системы..

• Mac OS X
• GNU / Linux
• Windows

Посетите раздел «Мои проекты» на сайте App Inventor. Авторизуйтесь и согласитесь с условиями обслуживания, если потребуется. Нажмите кнопку «Создать», чтобы запустить новое приложение..

Дайте вашему приложению уникальное имя, затем нажмите OK.

Теперь мы можем начать расстановку предметов на экране. Мы собираемся сделать колонки и строки для наших кнопок деки. Мы можем сделать это, выбрав «Расположение экрана» на палитре и перетащив элемент «Расположение таблицы» в средство просмотра..

Установите свойства для компонента TableArrangement1 на панели свойств. Здесь мы изменим его на 3 столбца и 3 строки.

Нам понадобится компонент для воспроизведения наших звуков. Выберите «Медиа» на палитре и перетащите компонент «Плеер» в средство просмотра. Он появится как Player1 в разделе невидимых компонентов.

Давайте добавим несколько звуков в наш проект. App Inventor будет поддерживать файлы MP3 или WAV размером менее 3 МБ. Мы добавляем их в наш проект, выбрав компонент Player1, а затем выбрав поле «Источник». Нажмите кнопку Добавить ... и выберите Обзор ..., чтобы загрузить звуковые файлы с вашего ПК. Повторите эти шаги, чтобы добавить несколько звуков.

Добавьте кнопку для каждого звука, выбрав базовую палитру и перетащив их в поле TableArrangement1 в средстве просмотра. Вы сможете разместить каждую кнопку в определенной строке и столбце.

Выберите каждую кнопку в области «Компоненты» и измените текстовые поля, чтобы представить звуки, которые они будут воспроизводить.

Мы закончили с экраном просмотра. Вот как выглядит наше приложение.

Пришло время контролировать поведение предметов на экране. Нажмите Открыть редактор блоков, чтобы начать. Выберите, чтобы открыть файл или предоставить доступ, если будет предложено.

Перейдите на вкладку «Мои блоки». Выберите Button1 и перетащите поле «Button1.Click» в правую часть экрана. Делайте это для каждой кнопки, которую вы добавили в свое приложение (Button2, Button3 и т. Д.)

Выберите Player1 на вкладке «Мои блоки» и перетащите блок «Player1.Source» в блок «Button1.Click». Блок должен подключиться на место. Добавьте блок «Player1.Source» к каждому из остальных блоков щелчков кнопок (Button2.Click, Button3.Click и т. Д.)

Откройте вкладку «Встроенный» и выберите «Текст». Перетащите блок «Текст» вправо и подключите его к блоку «Player1.Source»..

Поле «Текст» будет контролировать, какой звук воспроизводится. Нажмите на текст в блоке и измените его, чтобы он соответствовал имени звукового файла для Button1. В нашем примере Button1 это «Punch», поэтому мы устанавливаем текст в Punch.mp3.

Перетащите текстовое поле в каждый блок «Player1.Source» и измените каждый в соответствии с названием звука для каждой кнопки..

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

Вы сделали! Вы создали полнофункциональное приложение для звуковой карты. Чтобы увидеть приложение в действии, выполните одно из следующих действий:

• Протестируйте приложение на своем устройстве Android, включив USB-отладку на устройстве в разделе «Настройки»> «Приложения»> «Разработка» и подключив его к компьютеру. Затем вы можете нажать кнопку «Подключиться к устройству…» в редакторе блоков, чтобы отобразить приложение на устройстве..
• Установите Android SDK и нажмите кнопку «Новый эмулятор», чтобы просмотреть его на компьютере в окне эмулятора..
• Выберите параметр «Пакет для телефона» на экране App Inventor. Затем вы можете показать штрих-код, загрузить приложение на компьютер в виде файла APK или загрузить на подключенный телефон.
  

Наслаждайтесь вашим индивидуальным приложением на вашем Android устройстве.

Есть много приложений, которые вы можете создать с помощью этого инструмента - что вы собираетесь делать?