«Натуральный» интерфейс в 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

Демонстрация

Вопросы?