[Winodows Phone 7控件详解]Silverlight toolkit for Windows Phone 7.1控件-6

7.NavigationTransition

这个控件用来实现页面的切换效果。

1.首先在xaml中加入toolkit 声明：

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

2.在xaml中手工加入这个控件：

   <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition><!-- 进入页面动画效果-->            
            <toolkit:NavigationInTransition.Backward>
                <toolkit:RotateTransition Mode="In180Clockwise"/><!-- 180°翻转效果-->
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:RotateTransition Mode="In180Clockwise"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition><!-- 退出页面动画效果-->            
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:RotateTransition Mode="Out180Clockwise"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:RotateTransition Mode="Out180Clockwise"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>
    <!--LayoutRoot is the root grid where all page content is placed-->
    

对于这个控件共有五种动画效果,以及每种动画都有多种模式的设置：RollTransition（这个没有模式设置）、RotateTransition、SlideTransition、SwivelTransition、TurnstileTransition

另外，进入和退出页面的动画效果是可以设置为不同的效果的。

3.最重要的修改：

将App.xaml.cs中InitializePhoneApplication()函数里的RootFrame进行修改,如果不改的话，是没有动画效果的。

//RootFrame = new PhoneApplicationFrame();
RootFrame = new TransitionFrame();//必须改

由于效果太快无法捕捉，故不上图了~