This topic describes best practices for pop-up animations.
Appropriate use of pop-up animations
Show and hide a custom pop-up UI element, such as a context menu or flyout.
- Use pop-up animations to show or hide custom pop-up UI elements, such as a context menu, a Flyout, or other contextual UI that not a part of app page itself. The common controls provided by Windows already have these animations built in.
- The recommended distance for the pop-up element to move as it appears is 50 pixels.
Inappropriate use of pop-up animations
- Don't use pop-up animations for tooltips or dialogs. Use the fade animations to show and hide custom tooltips or dialogs.
- Don't use pop-up animations to show or hide UI within the main content of your app. Use pop-up animations only to show or hide a pop-up container that displays on top of the main app content.
Checklist
For general Windows Store requirements, see Certification requirements for Windows apps.
Related topics
- Using the Animation Library animations sample
- JavaScript and HTML:
- Animating your UI (Windows Store apps using JavaScript and HTML)
- Animating pop-up UI (Windows Store apps using JavaScript and HTML)
- showPopup
- hidePopup
- C#/VB/C++ and XAML:
- Animating your UI (Windows Store apps using C#/VB/C++ and XAML)
- Animating pop-up UI (Windows Store apps using C#/VB/C++ and XAML)
- Quickstart: Animating your UI (Windows Store apps using C#/VB/C++ and XAML)
- PopInThemeAnimation
- PopOutThemeAnimation
- PopupThemeTransition
Build date: 3/5/2013
