Language: JavaScript and HTML | VB/C#/C++ and XAML
This topic has not yet been rated - Rate this topic

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

Use content transition animations to change the content of an area of the screen, while the container or background doesn't change. New content that comes onto the screen slides in from an offset as it fades in. If there is existing content to be replaced, the old content is faded out as the new content comes in. You typically use this in the case of split-screen navigation, where the user is shown a list and a detailed view. Content transition animations also bring content into view that loads after the rest of a page, when the user transitions between pages.

This animation is performed by the ContentThemeTransition class.

The following video demonstrates the animations that bring content into view and then remove it:

|

Note that the original content and the replacement content don't need to have the same layout or size.

Other resources

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

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

Related topics

Animating your UI
Animating page transitions
Quickstart: Animating your UI
ContentThemeTransition

 

 

Build date: 3/5/2013

© 2013 Microsoft. All rights reserved.