Использование App Designer

Выбор фреймворка

• Выбор фреймворка определяет используемые технологии и библиотеки

Расшифровка обозначений

1.Переключение между режимами CODE и DESIGN

2.Убрать/показать файлы проекта

3.Убрать/показать элементы управления (Controls) , страницы (Pages) и др.

4.Панель управления дизайнером (обновить, удалить элемент, отменить/повторить действие, изменить фреймворк, редактировать рабочую область и ориентацию, показать/скрыть сетку)

5.Панель «хлебных крошек» для редактирования элементов на разных уровнях

6.Рабочая область (поддерживается представление WYSIWYG)

7.Конфигурирование свойств, стилей, интерактивных действий и др.

Проектирование

приложения

A.Добавление новой точки границы области размещения элементов

B.Редактирование точек границ

C.Изменение размеров холста приложения (рабочей области)

D.Рабочая область для размещения

элементов управление

E.Панели для просмотра дополнительной информации

Элементы

управления

(Controls)

•Layout

•Organization

•Overlay

•Animated sidebars

•Buttons

•Common

•Media

•Other

Размещение элементов управления и редактирование их свойств

«Хлебные крошки»

•Позволяют получить доступ к элементам управления, используя иерархию их расположения

Создание всплывающих окон

Добавление интерактивности кнопкам

Создание бумажного прототипа приложения