«Натуральный» интерфейс в Metro приложениях СЕРГЕЙ БАЙДАЧНЫЙ СПЕЦИАЛИСТ ПО РАЗРАБОТКЕ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ MS SWIT 2012
2 О чем пойдет речь Стандартные элементы управления Touch Стандартная анимация
Windows 8 ориентирована на Touch
Стандартные элементы управления
Built-in controls реализуют Metro UI принципы
Разработаны для touch, мыши и клавиатуры
Native to HTML. Native to XAML.
8 Toggle Switch (XAML)
9 Toggle Switch (HTML)
Демонстрация
11 Простейшие элементы
12 Редактирование текста
13 Поведение текстовых элементов
14 Панели
15 List View Представление данных Grid ViewFlip View
16 Группировка, анимация, выбор Grouping Single & Multi Select Built-in Animations
17 Semantic zoom
18 GridView data templating (XAML)
Демонстрация
Touch
21 Взаимодействие с Windows 8 Press and hold to learnTap for primary actionSlide to dragSwipe to select Pinch to zoom Swipe from edge for app and system UI Rotate to rotate
22 Особенности платформы Унификация взаимодействия с платформой Поддержка натурального языка (жестов) по взаимодействию Облегчение жизни для разработчика
23 Нажатия Tapped - нажатие DoubleTapped – двойной щелчок Holding – задержка пальца или кнопки RightTapped – правая кнопка мыши или отпускание пальца после Holding Свойства элемента: IsTapEnabled IsDoubleTapEnabled IsHoldingEnabled IsRightTapEnabled
24 Манипуляция ManipulationStarting ManipulationStarted ManipulationDelta ManipulationCompleted ManipulationInertiaStarting ManipulationMode – задает тип обрабатываемых манипуляций
Демонстрация
26 Работа с курсором PointerPressed PointerReleased PointerWheelChanged PointerMoved PointerEntered PointerExited PointerCaptureLost PointerCanceled
Демонстрация
Встроенная анимация
29 Windows 8 Animation Library Входит в WinJS Содержит стандартные анимации Используют стандартные механизмы для работы Легкое использование
30 Два типа анимации Transition AddDeleteThemeTransition ContentThemeTransition EntranceThemeTransition ReorderThemeTransition RepositionThemeTransition EdgeUIThemeTransition Theme DragItemThemeAnimation DragOverThemeAnimation DropTargetItemThemeAnimation FadeInThemeAnimation FadeOutThemeAnimation PopInThemeAnimation и PopOutThemeAnimation RepositionThemeAnimation SplitCloseThemeAnimation и SplitOpenThemeAnimation TapDownThemeAnimation и TapUpThemeAnimation SwipeHintThemeAnimation SwipeBackThemeAnimation
Демонстрация
Вопросы?