Windows Phone開發之動畫效果

第一步：

引入命名空間：

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

第二步：

在Grid外部設定如下代碼

在xaml檔案中：

toolkit:TransitionService.NavigationInTransition 進來的動畫 
    toolkit:NavigationInTransition    
        toolkit:NavigationInTransition.Backward  後退進入動畫 
        toolkit:NavigationInTransition.Forward   前進進入動畫

toolkit:TransitionService.NavigationOutTransition 出去的動畫 
    toolkit:NavigationOutTransition 
        toolkit:NavigationOutTransition.Backward 後退退齣動畫 
        toolkit:NavigationOutTransition.Forward  前進退齣動畫

--------------------------------------各種動畫參數----------------------------------------

toolkit:SlideTransition 飛入動畫 
    Mode 
        SlideUpFadeIn         向上飛入 
        SlideUpFadeOut         向上飛出 
        SlideDownFadeIn     向下飛入 
        SlideDownFadeOut     向下飛出 
        SlideLeftFadeIn        向左飛入 
        SlideLeftFadeIn        向左飛出 
        SlideRightFadeIn    向右飛入 
        SlideRightFadeIn    向右飛出

toolkit:RollTransition        360旋轉動畫

toolkit:RotateTransition    旋轉動畫 
    Mode 
        In180Clockwise        180順時針轉入 
        Out180Clockwise        180順時針轉出 
        In180Counterclockwise    180逆時針轉入 
        Out180Counterclockwise    180逆時針轉出 
        In90Clockwise        90順時針轉入 
        Out90Clockwise        90順時針轉出 
        In90Counterclockwise    90逆時針轉入 
        Out90Counterclockwise    90逆時針轉出

toolkit:SwivelTransition    垂直翻轉動畫 
    Mode 
        BackwardIn        向後翻轉入 
        BackwardOut        向後翻轉出 
        ForwardIn        向前翻轉入 
        ForwardOut        向前翻轉出 
        FullScreenIn        全屏翻轉入 
        FullScreenOut        全屏翻轉出 
    
toolkit:TurnstileTransition    翻頁動畫 
    Mode 
        BackwardIn        向後翻入 
        BackwardOut        向後翻出 
        ForwardIn        向前翻入 
        ForwardOut        向前翻出

第三步：

也是關鍵性的一步，在APP.XAML private void InitializePhoneApplication() 裡面 加上

RootFrame = new TransitionFrame();  （替換掉原有的）