WP7中為頁面跳轉新增動畫效果

關鍵字：頁面跳轉；動畫；toolkit

wp7應用程式開發中，頁面跳轉預設無動畫效果。可以根據實際應用需要，採用如下兩種方法之一為頁面跳轉新增動畫效果。

1. 單獨為指定的頁面新增動畫效果；

2. 為多個頁面新增相同的動畫效果（將效果儲存為頁面樣式，在需要新增動畫的頁面xaml檔案中用一行**對其進行呼叫即可）

必要的引用：

windows phone toolkit

事實上我們通過直接呼叫toolkit提供的方法實現動畫效果，注意：這個toolkit並不是coding4fun中的那個toolkit，

預設安裝路徑：c:\program files\microsoft sdks\windows phone\v7.1\toolkit

然後在專案解決方案中的"引用"上點右鍵，選擇「新增引用」，通過「瀏覽」選項卡找到toolkit將其新增到專案引用中即可完成準備工作。

1. 為單個頁面新增動畫效果（簡單2步即可完成）

替換為：rootframe = new transitionframe();

（2）在需要新增跳轉動畫的頁面xaml**檔案中增加如下**：

增加命名空間：xmlns:toolkit="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone.controls.toolkit"

（注意：**中的"

toolkit:rotatetransition mode"中的rotatetransition部分有多種選擇，相對應地，後面的mode也有不同的取值，這兩個地方的組合對應著不同的動畫效果，大家可以親自試一試。本例中的效果是頁面快速由3點方向轉向12點方向，即翻轉了90°）

至此，便實現了對指定頁面進行跳轉動畫的新增。但如果想對很多頁面都採用同樣的效果，按照上述方法乙個乙個進行操作顯得很繁瑣。可以按照下面的步驟進行，其思想為：將動畫效果儲存為全域性的樣式，只需要在需要新增動畫的頁面xaml中寫一行**即可實現動畫效果。

2. 方便地為多個頁面新增動畫效果（將效果儲存為頁面樣式，在需要新增動畫的頁面xaml檔案中用一行**對其進行呼叫即可，也是簡單的2個步驟）

>和<

中間增加如下**（注意key值，很重要，後面呼叫時直接找這個key值）：

上面的**同樣是在頁面跳轉時發生90°翻轉的動畫效果。

（2）在需要動畫效果的頁面xaml中增加一行**使用上述效果在

style=""

本文參考如下鏈結親自實踐後進行整理：