Использование App Designer
.pdfРазработка интерфейса приложения с использованием редактора App Designer
ЕКАТЕРИНА АЛЕКСАНДРОВНА ЛАТУХИНА, СТАРШИЙ ПРЕПОДАВАТЕЛЬ КАФЕДРЫ ПРИКЛАДНОЙ МАТЕМАТИКИ И ВЫСОКОПРОИЗВОДИТЕЛЬНЫХ ВЫЧИСЛЕНИЙ ИМИКТ САФУ
Содержание
•App Designer
•Основы работы с App Designer
•Создание бумажного прототипа приложения
•Создание пользовательского интерфейса приложения
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
2 |
App Designer
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
3 |
Что такое App Designer?
•Интуитивно понятное средство разработки графического интерфейса приложения
•Поддержка Drag & Drop (перетаскивание)
•Готовая библиотека виджетов
•Разработанные приложения автоматически подстраиваются под различные размеры экранов
•Поддерживает множество популярных фреймворков
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
4 |
Создание приложения
•При создании пустого проекта (Blank) или проекта из шаблона (Layout and User Interface)
нужно поставить галочку Use App Designer
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
5 |
Создание приложения
• Некоторые примеры разработаны с использованием App Designer
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
6 |
Поддержка популярных фреймворков +
собственный App Framework
|
|
|
|
|
jQuery Mobile |
|
|
|
|
|
|
||
|
|
Bootstrap 3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ionic |
|
|
|
Ratchet |
|
|
|
|
|
||
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Framework7 |
|
|
|
Topcoat |
|
|
|
|
|
||
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
7 |
Преимущества и недостатки
Автоматическое изменение размеров
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
8 |
Основы работы с App Designer
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
9 |
Этапы разработки приложения с использованием
App Designer
•Создайте новый проект (включив опцию Use App Designer)
или используйте готовый
•Выберите
фреймворк
•Спроектируйте
приложение
27.11.2015 |
Разработка интерфейса приложения с использованием редактора App Designer |
10 |