Первое, с чего начинается создание любого проекта в App Inventor — с создание дизайн-макета. Именно в интерфейсе дизайнера происходит добавление компонентов, их предварительная настройка, а так же расположение их в нужной последовательности.
Экран Дизайнера разделен на несколько блоков, каждый из которых отвечает за свою функцию.
Палитра
Здесь представлены компоненты, доступные для добавления в проект. Они разделены по вкладкам в зависимости от применения:
- Интерфейс пользователя — основные компоненты, благодаря которым конечный пользователь будет взаимодействовать с приложением.
- Расположение — компоненты для расположения блоков в требуемом порядке.
- Медиа — компоненты для работы с медиа-файлами и устройствами их обработки.
- Рисование и анимация — для возможностей рисования и создания управляемых спрайтов.
- Карты (Maps) — для работы с картами.
- Графики (Charts) — построение графиков и диаграмм.
- Наука о данных (Data Science) — компоненты для работы с данными.
- Сенсоры — для взаимодействия с датчиками устройства. Если на устройстве отсутствует необходимый датчик, то сенсор, добавленный в приложение, работать не будет.
- Общение — для работы с контактами и звонками.
- Хранилище — для сохранения данных во внешние источники.
- Каналы — компоненты для подключения каналов связи.
- LEGO MINDSTORMS- компоненты для создание приложений для управления LEGO MINDSTORMS.
- Экспериментальный — сюда, как правило, добавляются новые функции. Например, в новых версиях App Inventor добавлен компонент взаимодействия с ИИ.
- Расширение — возможность добавления компонентов из других источников.
Просмотр
Просмотр в реальном времени расположения и внешнего вида приложения. Только внешнего вида, здесь нельзя запустить проект для тестирования. Возможна настройка просмотра для телефона, планшета, ПК. Показ невидимых компонентов можно отключить или показывать их ниже окна.
Компоненты
В данном блоке отображаются в виде древовидной структуры компоненты, добавленные в проект. Можно фильтровать показ всех или только видимых/невидимых компонентов. Здесь можно выбирать компонент для настройки, переименования или удаления.
Свойства
В данном блоке отображаются настройки свойств выбранного компонента. Количество параметров индивидуально для каждого.
Медиа
Блок с возможностью добавления, удаления и просмотра фото, видео и аудио файлов в проект.
Преимущества Дизайнера в App Inventor
- Интуитивный интерфейс: дизайнер предоставляет удобное и интуитивно понятное окружение, которое позволяет пользователям без опыта программирования создавать мобильные приложения.
- Визуализация: с помощью дизайнера можно легко создавать пользовательский интерфейс приложения, размещая компоненты на экране и настраивая их параметры без необходимости писать код.
- Превью приложения: дизайнер позволяет пользователям просматривать свое приложение в реальном времени, что помогает видеть, как будет выглядеть приложение на устройстве.
- Управление компонентами: в дизайнере можно легко управлять компонентами приложения, изменять их расположение, размеры, цвета и другие параметры.
- Быстрое создание прототипов: дизайнер позволяет быстро создавать прототипы мобильных приложений, тестировать их функциональность и внешний вид перед началом программирования.
Интерфейс дизайнера в App Inventor разработан таким образом, чтобы облегчить процесс создания мобильных приложений даже для начинающих пользователей без опыта программирования.
