Руководство по анимациям исчезания

Applies to Windows and Windows Phone

Используйте анимацию угасания для ввода элементов в поле зрения и их вывода из него. Существует три типа анимации угасания: появление, исчезание и плавный переход между элементами.

Рекомендации

  • При переходе приложения между несвязанными элементами или элементами, содержащими большой объем текста, используйте исчезание с последующим появлением вместо плавного перехода между элементами. Это позволит исходящему объекту полностью исчезнуть, прежде чем входящий объект станет видимым. Плавный переход между элементами в большом объеме текста, в частности, не рекомендуется.
  • Используйте анимацию плавного перехода между элементами для перехода между элементами различного размера или при обновлении большой области. В середине анимации и входящий, и исходящий элементы станут полупрозрачными, и пользователь сможет увидеть фон. Обратите внимание, что языки программирования, используемые с языком XAML, не содержат выделенную анимацию плавного перехода между элементами. В некоторых языках эффекта можно достичь, используя анимации исчезания и появления с наложением по времени.
  • Отобразите входящий элемент или элементы поверх исходящих элементов, если размер элементов остается постоянным и требуется сделать так, чтобы пользователь думал, что смотрит на один и тот же элемент. Входящий элемент можно отобразить поверх исходящего. Затем, когда прорисовка входящего элемента завершена, исходящий элемент можно просто удалить. Конечно же, этот вариант работает, только если исходящий элемент полностью закрывается входящим элементом. Использование этого метода также помогает избежать отображения фона во время перехода.
  • Не используйте анимации исчезания для добавления или удаления элементов в списке. Используйте анимации списка, созданные специально для этой цели.
  • Не используйте анимации исчезания для изменения всего содержимого страницы. Используйте анимации перехода страницы, созданные специально для этой цели.

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

Для разработчиков
Руководство по добавлению и удалению
Руководство по анимациям перехода содержимого
Руководство по анимациям перетаскивания
Руководство по анимациям пользовательского интерфейса с использованием края
Руководство по анимации перехода страницы
Рекомендации для анимации нажатия указателя
Рекомендации для анимации изменения положения
Рекомендации для анимации всплывающих элементов пользовательского интерфейса
Рекомендации для анимации прокрутки
Для разработчиков (HTML)
Пример библиотеки анимации HTML
Анимация пользовательского интерфейса
Анимация появления или исчезания
fadeIn
fadeOut
crossFade
Для разработчиков (XAML)
Анимация пользовательского интерфейса
Анимация появления или исчезания
Краткое руководство: анимация пользовательского интерфейса с помощью библиотеки анимации
FadeInThemeAnimation
FadeOutThemeAnimation

 

 

Показ:
© 2015 Microsoft