После создания дизайна приложения можно приступать к его программированию. Это делается на вкладке «Блоки». Название вкладки выбрано неспроста: команды кода выполнены в виде блоков, которые соединяются в последовательность. Визуализация позволяет не писать код вручную, а всего лишь соединять нужные блоки между собой.
Окно блоков разделено на несколько отдельных секций, каждая из которых несёт свою функцию.
Раздел Блоков — самый основной. Здесь расположены все доступные к использованию команды. Логически они разделены на 2 части: базовые компоненты, которые применимы к почти к любой части программы и команды для добавленных в приложение компонентов.
Базовые блоки расположены в списке «Встроенный», остальные же рассортированы по соответствующим компонентам. То есть вы можете кликнуть на любой добавленный компонент и увидеть весь набор используемых для него блоков.
Также можно переименовать или удалить какой-либо компонент без возвращения на вкладку Дизайнера.
Ниже располагается окно Медиа. Также, как и на вкладке Дизайнера, здесь можно просмотреть, удалить или добавить новое изображение, музыку или видео в проект.
Окно Просмотра — окно составления программ. Здесь группируются блоки команд и происходит весь процесс программирования.
В окне просмотра есть дополнительные инструменты, облегчающие программирование:
- Рюкзак — область для переноса блоков между экранами. Требуется, когда на несколько экранов нужно добавить однотипную блочную структуру. Сначала добавляем блоки в сам рюкзак, переходим на нужный экран, открываем рюкзак и переносим блоки на поле.
- Кнопки управления отображением — помогают увеличить, уменьшить масштаб, а также отцентрировать экран на вашем коде, если вы куда-то отлистали и потерялись на белом поле.
- Корзина — для удаления ненужных блоков с поля. Блоки именно удаляются, восстановить их будет нельзя, только заново переносить из раздела Блоки.
- Навигация по предупреждениям и ошибкам — в App Inventor нельзя добавить два одинаковых блока для компонента (например, два блока «Щелчок» для кнопки) рекомендуется делать все в одном блоке, если таковая ошибка будет, это отобразиться здесь и можно будет к ней перейти. Также отображаются и другие недочеты — например, незаконченный блок или несоответствие типов.
Единственный недостаток — нельзя проверить составленную программу здесь же, во вкладке блоков. Требуется создание apk файла или подключение к эмулятору.
В целом, Блочный интерфейс в App Inventor делает процесс программирования более доступным и интуитивно понятным для широкой аудитории пользователей.
