Язык: HTML | XAML

Анимация содержимого и переходов при его появлении (XAML)

Applies to Windows and Windows Phone

Анимация перехода между содержимым применяется для изменения содержимого области экрана, при котором фон или контейнер остаются неизменными. Новое содержимое появляется на экране из смещения с плавным выходом из затемнения. Если при этом нужно заменить существующее содержимое, оно исчезает при появлении нового содержимого. Это можно использовать в навигации с использованием разделенного экрана, когда пользователь видит список и подробное представление. Анимация перехода между содержимым при переходе пользователя между страницами также отображает содержимое, которое загружается после остальных элементов страницы.

Этот вид анимации осуществляется с помощью класса ContentThemeTransition.

В библиотеке анимаций XAML нет анимации, которая применяется ко всей странице при ее загрузке, но есть отдельный переход (EntranceThemeTransition), который можно применить к содержимому при первой загрузке страницы и отрисовке этой части содержимого. Другими словами, здесь нет прямого эквивалента для enterPage, но применение EntranceThemeTransition к содержимому на странице обращается к тому же сценарию и тем же триггерам при тех же условиях. В XAML элемент содержимого может иметь ContentThemeTransition и EntranceThemeTransition, определенные как часть того же класса TransitionCollection и применяемые к свойству Transition. Таким образом, визуальная обратная связь содержимого при первоначальной загрузке и при последующем изменении на странице будет отличаться, но сама страница остается неизменной.

Анимации содержимого и анимации появления содержимого в контексте стандартных методов управления среды выполнения Windows

Для неподвижного содержимого, допускающего изменения элементов, управляемые пользователем или данными, следует также применять анимации AddDeleteThemeTransition и ReorderThemeTransition везде, где применяется ContentThemeTransition.

Примечание  Начиная с Windows 8.1 в системе отключены переходы тем и переходы визуальных состояний, если пользователь выбирает параметр Специальные возможности, который отключает ненужные анимации в приложениях Windows (когда это возможно).

Другие ресурсы

В Примере XAML personality animations показано, как использовать ContentThemeTransition, применяемый к свойству ChildrenTransitions элемента управления Grid. В примере показано "основное/подробное" представление данных, при этом подробное представление располагается в правой ячейке сетки, а анимации применяются при выборе нового элемента на левой стороне сетки. (Сценарий 2 в примере.)

Подробнее о взаимодействии с пользователем, а также краткое руководство по применению см. в разделах с рекомендациями и контрольным списком для анимации переходов между страницами и рекомендациями и контрольным списком для анимации переходов между содержимым.

Связанные разделы

Анимация пользовательского интерфейса
Краткое руководство: анимация пользовательского интерфейса с использованием библиотеки анимаций
Пример XAML personality animations
Анимация добавления и удаления элементов списка
Добавление элементов управления ListView и GridView
ContentThemeTransition
EntranceThemeTransition

 

 

Показ:
© 2014 Microsoft