Animating page transitions (Windows Store apps using C#/VB/C++ and XAML)

Use page transition animations to display the first page of a newly launched app, or to transition between pages within an app. The new page slides into place from an offset as it fades in. The existing content fades out as the new content fades in. The new page is split into regions, and each region moves onto the screen separately, with staggered timings. You specify how the incoming page is split into regions.

This animation is performed by the EntranceThemeTransition class.

The following video demonstrates the animation that brings a page of content into view:

|

The following video demonstrates the animation that removes a page of content from view:

|

Other resources

See the Using the Animation Library animations sample for code examples that demonstrate the use of the page transition animation APIs.

See Guidelines and checklist for page transition animations for design best practices in the use of these animations.

Related topics

Animating your UI
Animating content transitions
Quickstart: Animating your UI
EntranceThemeTransition

 

 

Send comments about this topic to Microsoft

Build date: 10/12/2013

Show:
© 2014 Microsoft. All rights reserved.