WPF Window content navigation with slide in transition

2.7k views Asked by At

I have been having a hard time trying to implement content navigation (with slide in effect) inside a window just like the one in Visual Studio Ultimate Setup.exe using Microsoft Blend for Visual Studio 2013.

The installer is a available from here and demonstrates the effect I'm looking for:
http://www.microsoft.com/en-us/download/details.aspx?id=40778

Please let me know if you know how to slide in another window content inside the same window as exhibited in the above setup file.

I would really appreciate it if you can show me how to do that in Blend editor visually instead of code. (I already tried displaying different pages inside a frame but I couldn't change the source of the frame inside the visualstate storyboard)

Thanks in advance!!!!

1

There are 1 answers

4
Thraka On

I think the way to do this is to use more than one navigation object. You have both on the page, but invisible. Then when they click NEXT, you use a storyboard to animate one off the screen and the next into the screen.

http://snsatyendra.wordpress.com/2011/12/30/create-navigation-using-fluid-ui-and-behaviors-in-wpf-and-silverlight/

I did something like this in Silverlight once. I had multiple usercontrols and just slide one off the screen and the other onto the screen. I had a reverse animation too. After the animation is finished, you can reset everything for the animation, setting the previous/next page contents ahead of time for the next animation trigger.

Also, check out http://msdn.microsoft.com/en-us/library/ff723946(v=Expression.40).aspx for the FluidMoveBehavior. That might help with animating.