locked
Page flip effect for a Metro Style application RRS feed

  • Question

  • Hi everyone, 

    I'm working in a Metro app prototype to simulate a realistic page flip effect when navigating between pages, pls 

    see the aka flip page effect demonstration on: http://www.html5rocks.com/static/demos/20things_pageflip/example/index.html   

    My idea is to use Frame control navigation to navigate between pages and then implement a custom theme transiction and 

    use into a Frame control to apply the page flip effect when navigation from one page to another.

    Basically I'm thinking to create a class that inherits  from Windows.UI.Xaml.Media.Animation.Transition  base class, implement the 

    custom behavior and them use the custom theme inside the Frame control on this way:

           ....

            <Frame x:Name="mainFrame">
                <TransitionCollection>
                    <FlipPageThemeTransition ...>
                       ...  
                    </FlipPageThemeTransition>
                </TransitionCollection>
            </Frame>

           ...

    I'd like to know your suggestions before I starting to burn me out on this approach, or if you have a better/suitable

    way to implement this funcionality.

    Regards,

    Flavio 


    Monday, March 5, 2012 4:41 PM

Answers

  • I would suggest using a FlipView as host control. FlipView items can look like pages. All you have to do is control the manipulation events. You find more info in this thread.
    Monday, March 5, 2012 4:54 PM