Business App using WCF RIA Services: Part 2

<!-- Visual State Created -->
<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="PageTrans">

<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:1">
<ei:ExtendedVisualStateManager.TransitionEffect>
<ee:SlideInTransitionEffect/>
</ei:ExtendedVisualStateManager.TransitionEffect>
<VisualTransition.GeneratedEasingFunction>
<CubicEase EasingMode="EaseInOut"/>
</VisualTransition.GeneratedEasingFunction>
</VisualTransition>
</VisualStateGroup.Transitions>

<VisualState x:Name="Start"/>

<VisualState x:Name="New"/>
</VisualStateGroup>

</VisualStateManager.VisualStateGroups>
<VisualStateManager.CustomVisualStateManager>
<ei:ExtendedVisualStateManager/>
</VisualStateManager.CustomVisualStateManager>

<!-- Visual State End-->


In order to swap between the states add the following code to MainPage constructor . This would create a nice sliding animation when the page loads .

// Swapping Between the states - This code creates a nice Slide In Transition
if (state = state ^ true)
{
VisualStateManager.GoToState(this, "Start", true);
}

else
{
VisualStateManager.GoToState(this, "New", true);
}


Lets run the code the Page opens with a nice animation .


Now lets try some different transition effects .

Lets open our solution in Blend and see what we can do .

The project opens up as shown below :



Check out the States Panel - It would look like below :





The default would be Slide In . Lets go and modify it .



Lets change it to say Fade .



You could also play around with the Easing Function as shown below :



Run and check out the animation .

In this post we have covered the Payroll View and we checked out few animations . Thanks . Happy Coding