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

Оглавление:

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

Видео: Как создать собственное приложение Soundboard с Android App Inventor

Видео: Как создать собственное приложение Soundboard с Android App Inventor
Видео: Проводник Windows 10: Одинаковый вид для всех папок (списком) - YouTube 2024, Апрель
Anonim
Сегодня мы покажем вам, как использовать средство Android App Inventor для создания собственного приложения для Android, без необходимости писать много сложного кода. Это очень простой процесс, который требует только перетаскивания.
Сегодня мы покажем вам, как использовать средство Android App Inventor для создания собственного приложения для Android, без необходимости писать много сложного кода. Это очень простой процесс, который требует только перетаскивания.

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

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

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

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

  • Mac OS X
  • GNU / Linux
  • Windows

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

Дайте вашему приложению уникальное имя, затем нажмите «ОК».
Дайте вашему приложению уникальное имя, затем нажмите «ОК».
Появится средство просмотра App Inventor. Этот экран показывает, как будет выглядеть ваше приложение при его создании. Сначала мы хотим сделать заголовок для этого экрана. На панели «Компоненты» следует выбрать Screen1. В разделе «Свойства» мы можем изменить поле «Название» на имя нашего приложения.
Появится средство просмотра App Inventor. Этот экран показывает, как будет выглядеть ваше приложение при его создании. Сначала мы хотим сделать заголовок для этого экрана. На панели «Компоненты» следует выбрать Screen1. В разделе «Свойства» мы можем изменить поле «Название» на имя нашего приложения.
Теперь мы можем начать размещать элементы на экране. Мы собираемся сделать столбцы и строки для наших кнопок деки. Мы можем сделать это, выбрав «Расположение экрана» на палитре и перетащив элемент «Таблица» в «Просмотр».
Теперь мы можем начать размещать элементы на экране. Мы собираемся сделать столбцы и строки для наших кнопок деки. Мы можем сделать это, выбрав «Расположение экрана» на палитре и перетащив элемент «Таблица» в «Просмотр».
Задайте свойства для компонента TableArrangement1 на панели «Свойства». Здесь мы изменим его на 3 столбца и 3 строки.
Задайте свойства для компонента TableArrangement1 на панели «Свойства». Здесь мы изменим его на 3 столбца и 3 строки.
Нам понадобится компонент для воспроизведения наших звуков. Выберите «Медиа» в палитре и перетащите компонент «Игрок» в «Просмотр». Он появится как Player1 в разделе «Невидимые компоненты».
Нам понадобится компонент для воспроизведения наших звуков. Выберите «Медиа» в палитре и перетащите компонент «Игрок» в «Просмотр». Он появится как Player1 в разделе «Невидимые компоненты».
Давайте добавим некоторые звуки в наш проект. App Inventor будет поддерживать файлы MP3 или WAV размером менее 3 МБ. Мы добавляем их в наш проект, выбирая компонент Player1, а затем выбираем поле Source. Нажмите кнопку «Добавить …» и выберите «Обзор …» для загрузки звуковых файлов с вашего ПК. Повторите эти шаги, чтобы добавить несколько звуков.
Давайте добавим некоторые звуки в наш проект. App Inventor будет поддерживать файлы MP3 или WAV размером менее 3 МБ. Мы добавляем их в наш проект, выбирая компонент Player1, а затем выбираем поле Source. Нажмите кнопку «Добавить …» и выберите «Обзор …» для загрузки звуковых файлов с вашего ПК. Повторите эти шаги, чтобы добавить несколько звуков.
Добавьте кнопку для каждого звука, выбирая Basic Palette и перетаскивая их в поле TableArrangement1 в средстве просмотра. Вы сможете разместить каждую кнопку в определенной строке и столбце.
Добавьте кнопку для каждого звука, выбирая Basic Palette и перетаскивая их в поле TableArrangement1 в средстве просмотра. Вы сможете разместить каждую кнопку в определенной строке и столбце.
Выберите каждую кнопку в области «Компоненты» и измените поля «Текст», чтобы отобразить звуки, которые они будут воспроизводить.
Выберите каждую кнопку в области «Компоненты» и измените поля «Текст», чтобы отобразить звуки, которые они будут воспроизводить.
Мы закончили просмотр экрана. Это то, на что похоже наше приложение.
Мы закончили просмотр экрана. Это то, на что похоже наше приложение.
Пришло время контролировать поведение элементов на экране. Нажмите «Открыть редактор блоков», чтобы начать. Выберите, чтобы открыть файл или предоставить доступ, если будет предложено.
Пришло время контролировать поведение элементов на экране. Нажмите «Открыть редактор блоков», чтобы начать. Выберите, чтобы открыть файл или предоставить доступ, если будет предложено.
Перейдите на вкладку Мои блоки. Выберите Button1 и перетащите поле «Button1.Click» в правую сторону экрана. Сделайте это для каждой кнопки, которую вы добавили в свое приложение (Button2, Button3 и т. Д.).
Перейдите на вкладку Мои блоки. Выберите Button1 и перетащите поле «Button1.Click» в правую сторону экрана. Сделайте это для каждой кнопки, которую вы добавили в свое приложение (Button2, Button3 и т. Д.).
Выберите Player1 на вкладке «Мои блоки» и перетащите блок «Player1.Source» в блок «Button1.Click». Блок должен подключаться к месту. Добавьте блок «Player1.Source» к каждому из других блоков блокировки кнопок (Button2.Click, Button3.Click и т. Д.).
Выберите Player1 на вкладке «Мои блоки» и перетащите блок «Player1.Source» в блок «Button1.Click». Блок должен подключаться к месту. Добавьте блок «Player1.Source» к каждому из других блоков блокировки кнопок (Button2.Click, Button3.Click и т. Д.).
Перейдите на вкладку «Встраивание» и выберите «Текст». Перетащите блок «текст» вправо и подключите его к блоку «Player1.Source».
Перейдите на вкладку «Встраивание» и выберите «Текст». Перетащите блок «текст» вправо и подключите его к блоку «Player1.Source».
Image
Image

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

Перетащите поле «текст» в каждый блок «Player1.Source» и измените каждый, чтобы он соответствовал имени звука для каждой кнопки.
Перетащите поле «текст» в каждый блок «Player1.Source» и измените каждый, чтобы он соответствовал имени звука для каждой кнопки.
Теперь, когда звуки установлены для каждой кнопки, нам просто нужно сказать нашему приложению, чтобы играть звук, когда мы нажимаем кнопку. Для этого откройте вкладку Мои блоки и выберите Player1. Перетащите блок «Player1.Start» в «Button1.Click». Повторите эти шаги для каждого из блоков событий нажатия кнопки.
Теперь, когда звуки установлены для каждой кнопки, нам просто нужно сказать нашему приложению, чтобы играть звук, когда мы нажимаем кнопку. Для этого откройте вкладку Мои блоки и выберите Player1. Перетащите блок «Player1.Start» в «Button1.Click». Повторите эти шаги для каждого из блоков событий нажатия кнопки.
Все готово! Вы создали полностью функционирующее приложение звуковой платы. См. Приложение в действии, выполнив одно из следующих действий:
Все готово! Вы создали полностью функционирующее приложение звуковой платы. См. Приложение в действии, выполнив одно из следующих действий:
  • Проверьте приложение на устройстве Android, включив USB-отладку на устройстве в разделе «Настройки»> «Приложения»> «Разработка» и подключив его к компьютеру. Затем вы можете нажать кнопку «Подключиться к устройству …» в редакторе блоков, чтобы отобразить приложение на устройстве.

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

    Image
    Image

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

Рекомендуемые: