January

SvFx for Windows Phone includes all SvFx controls ported to Windows Phone platform. You can use Carousel, TransitionControl, SlideShow and TextAnimation controls to build applications for Windows Phone mobile devices.
About 500 ready animation patterns included.

There are several notes about this release:

• Currently there is no toolbox items registered inside VisualStudio.
• It is not possible to use single "cellbi" XAML namespace prefix.
• This release does not include samples.
• There is no documentation included.

We would like to get your feedback.
Please help us make SvFx controls better.

TransitionControl with custom pattern gallery:

Download Source
Try SvFx
Buy Now

I will use TransitionControl as an example, however the same code can be applied to all SvFx controls supporting Pattern property: SlideShow, TextAnimation, ChildWindow Effects etc.

First of all we need to add SvCommon, SvEffects and SvTransitionControl assembly references.

Now we add TransitionControl inside our Silverlight page and set PatternType property.

Let's define new transition control pattern. To do this we need to create new Silverlight UserControl and change it's Xaml to be the following.

We also need to change code behind file as shown below.

It is now possible to use newly defined MyFirstTransitionPattern inside the TransitionControl.

Let's customize MyFirstTransitionPattern to create some interesting 3D rotation. Rotation3DTransitionPattern (our base class) has several properties we can set: ShowRotation, HideRotation, ShowTweenType, HideTweenType and so on. We are going to use ShowRotation and HideRotation properties to customize our pattern.

We can add new patterns in the same way.

However it would be great to have all our custom patterns defined inside separate resource collection. This is possible to do via TransitionPatternGalleryProvider class.

Create new ResourceDictinary file called MyCustomPatternsGallery.xaml and add transition patterns there.

Now register MyCustomPatternsGallery resource collection inside TransitionPatternGalleryProvider. Xaml code below shows how TransitionPatternGalleryProvider can be used inside App.xaml file to register new pattern gallery for the TransitionControl.

Now we can use string value to set Pattern property.

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.

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.

Add new namespace prefix.

Use TransitionControl

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

See it in action below:

Download Source
Try SvFx
Buy Now

Let's see how this works.

First of all add references to Cellbi.SvCommon and Cellbi.SvEffects assemblies.

Create new ChildWindow control and add the following XAML code (new lines are marked with green on the left margin).

Note that Visual Studio shows Intellisense with a complete list of built-in SvFx window patterns you can choose from.

Now open code behind file and add OnApplyTemplate method override with the following code (new lines are marked with green on the left margin).

We are done! Now just call Show method to display the window.