[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();//必須改

由於效果太快無法捕捉，故不了~