Как да изградим своя собствена Soundboard App с Android App Inventor

Днес ще ви покажем как да използвате инструмента Android App Inventor, за да създадете собствено приложение за Android, без да се налага да пишете много сложен код. Това е много прост процес, който изисква само плъзгане и пускане.

Soundboards са едни от най-простите приложения за създаване, използвайки App Inventor, така че днес ще ви покажем как да започнете да създавате собствено приложение.

Тази гост-статия е написана от Мич Бартлет от Technipages, където той покрива много дълбоки съвети за смартфони.

Инсталиране и използване на приложение Inventor за създаване на приложение

Първо, трябва да се уверите, че инсталирате Java 1.6 или по-висока версия. Можете да го изтеглите на адрес http://www.java.com. След като приключите с това, инсталирайте App Inventor, като използвате инструкциите за вашата операционна система.

Mac OS X
GNU / Linux
Windows

Посетете секцията Моите проекти на сайта на App Inventor. Влезте в системата и приемете условията за ползване, ако бъдете подканени. Изберете бутона Нова, за да стартирате ново приложение.

Дайте на приложението си уникално име, след което кликнете върху OK.

Сега можем да започнем да подреждаме елементи на екрана. Ще направим колони и редове за нашите пулсови бутони. Можем да направим това, като изберете Панел на екрана и плъзнете елемента TableArrangement в Viewer.

Задайте свойствата за компонента TableArrangement1 в панела Свойства. Тук ще го променим на 3 колони и 3 реда.

Ще ни трябва компонент, за да възпроизведем звуците си. Изберете Media на палитрата и плъзнете компонента Player в Viewer. Той ще се появи като Player1 в секцията Невидими компоненти.

Нека добавим някои звуци към нашия проект. App Inventor ще поддържа MP3 или WAV файлове, които са с размер под 3 МБ. Добавяме ги към нашия проект, като избираме компонента Player1, след което избираме полето Source. Щракнете върху бутона Add… и изберете Browse…, за да качите звукови файлове от вашия компютър. Повторете тези стъпки, за да добавите няколко звука.

Добавете бутон за всеки звук, като изберете основната палитра и ги плъзнете в полето TableArrangement1 в Viewer. Ще можете да поставяте всеки бутон в определен ред и колона.

Изберете всеки бутон в областта Компоненти и променете полетата Текст, за да представите звуците, които ще възпроизвеждат.

Завършихме с екрана на Viewer. Така изглежда приложението ни в момента.

Време е да контролирате поведението на елементите на екрана. Щракнете върху Отвори редактора на блокове, за да започнете. Изберете да отворите файла или да предоставите достъп, ако бъдете подканени.

Кликнете върху раздела Моите блокове. Изберете Button1 и плъзнете кутията “Button1.Click” в дясната страна на екрана. Направете това за всеки бутон, който сте добавили към приложението (Button2, Button3 и т.н.)

Изберете Player1 под раздела My Blocks и плъзнете блока “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 на устройството в „Настройки“> „Приложения“> „Разработка“ и свързването му с компютъра. След това можете да щракнете върху бутона Свързване към устройство… в редактора на блокове, за да се покаже приложението на устройството.
Инсталирайте SDK за Android и кликнете върху бутона Нов емулатор, за да го видите на компютъра в екран на емулатор.
Щракнете върху опцията Пакет за телефон в екрана на приложението Inventor. След това можете да покажете баркод, да изтеглите приложението на компютъра като APK файл или да го изтеглите на свързан телефон.

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

Има много приложения, които можете да създадете с този инструмент - какво ще направите?