Руководство по анимации всплывающих элементов пользовательского интерфейса

Applies to Windows and Windows Phone

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

Правильное использование анимации всплывающих элементов

  • Используйте анимации всплывающих элементов для отображения или скрытия настраиваемых всплывающих элементов пользовательского интерфейса, например контекстного меню, всплывающего элемента или другого контекстного элемента интерфейса, который не является частью страницы приложения. Рекомендуемое расстояние движения всплывающего элемента после появления — 50 пикселей. В стандартные элементы управления, предоставляемые Windows, уже встроены анимации.
  • Не используйте анимации всплывающих элементов для всплывающих подсказок или диалоговых окон. Используйте анимации исчезания для отображения и скрытия настраиваемых всплывающих подсказок или диалоговых окон.
  • Не используйте анимации всплывающих элементов для отображения или скрытия элементов интерфейса в основном содержимом вашего приложения. Анимации всплывающих элементов используются только для отображения или скрытия всплывающего контейнера, который отображается поверх основного содержимого приложения.

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

Для разработчиков
Руководство по добавлению и удалению
Руководство по анимациям перехода содержимого
Руководство по анимациям перетаскивания
Руководство по анимациям пользовательского интерфейса с использованием края
Руководство по анимациям исчезания
Руководство по анимации перехода страницы
Руководство по анимации нажатия указателя
Руководство по анимации изменения положения
Руководство по анимации прокрутки
Для разработчиков (HTML)
Пример библиотеки анимации HTML
Анимация пользовательского интерфейса
Анимация всплывающего пользовательского интерфейса
WinJS.UI.Animation.showPopup function
WinJS.UI.Animation.hidePopup function
Для разработчиков (XAML)
Анимация пользовательского интерфейса
Анимация пользовательского интерфейса со всплывающими элементами
Краткое руководство: анимация пользовательского интерфейса с помощью библиотеки анимации
PopInThemeAnimation class
PopOutThemeAnimation class
PopupThemeTransition class

 

 

Показ:
© 2015 Microsoft