Windows phone 8:导航动画

Question

如何像iOS中的"pushViewController“一样动画导航过程。

我的意思是从左到右的图像导航。

谢谢。

Answer 1

您必须使用Windows Phone Toolkit来为页面之间的导航设置动画。没有内置的特性来做这样的事情。

你必须在你想要动画发生的每个页面中配置动画(你也可以将这些配置放到Styles中，以便在你的应用程序中共享它们)。

你会在here中找到一个很棒的逐步指南。(它最初是为WP7设计的，但它对WP8仍然有效)

最后，与您尝试重现的效果相对应的Style应该如下所示：

   <Style x:Key="TransitionPageSlideStyle" TargetType="phone:PhoneApplicationPage">
        <Setter Property="slt:TransitionService.NavigationInTransition">
            <Setter.Value>
                <slt:NavigationInTransition>
                    <slt:NavigationInTransition.Backward>
                        <slt:SlideTransition Mode="SlideRightFadeIn"/>
                    </slt:NavigationInTransition.Backward>
                    <slt:NavigationInTransition.Forward>
                        <slt:SlideTransition Mode="SlideLeftFadeIn"/>
                    </slt:NavigationInTransition.Forward>
                </slt:NavigationInTransition>
            </Setter.Value>
        </Setter>
        <Setter Property="slt:TransitionService.NavigationOutTransition">
            <Setter.Value>
                <slt:NavigationOutTransition>
                    <slt:NavigationOutTransition.Backward>
                        <slt:SlideTransition Mode="SlideRightFadeOut"/>
                    </slt:NavigationOutTransition.Backward>
                    <slt:NavigationOutTransition.Forward>
                        <slt:SlideTransition Mode="SlideLeftFadeOut"/>
                    </slt:NavigationOutTransition.Forward>
                </slt:NavigationOutTransition>
            </Setter.Value>
        </Setter>
    </Style>