SvFx 4.1 - Advanced animations for Silverlight Navigation Frame

Author: Steve Li
Posted on: 26 Jan 2011
Starting from Silverlight 3 Microsoft has introduced the Navigation Framework which makes it possible to navigate between pages. In this post we'll see how TransitionControl can be used to add animations to the navigation frame.

Cellbi TransitionControl allows to add advanced animations for Pages using just a few lines in Xaml code.

See it in action below:

Download Source
Try SvFx
Buy Now

To add navigations between pages we can use separate project template called Silverlight Navigation Application to create new navigation application or we can add new Frame control inside existing UserControl.

In both cases we'll get Xaml code similar to the following.

Frame control in xaml file

Navigation Framework allows mapping of address with the help of UriMapper property.

That's enough for many cases. But if you want to add transition animations for each page you will have to do some additional work.

TransitionControl is designed to simplify this task. We can now extend behaviour of the Frame control. TransitionControl includes for about 500 animation patterns.

Let's see how it works.

Add Cellbi.SvCommon.dll, Cellbi.SvEffects.dll and Cellbi.SvTransitionControl.dll assembly references.

SvFx assembly references

Add new namespace prefix.

SvFx assembly references

Use TransitionControl

TransitionControl in Frame template

At this point you can choose any animation pattern from the patterns gallery using PatternType property.

Posted in: SvFx
Blog Home...