Windows Phone 7自定义页面切换动画

你们若是查看源代码，会发现这些Transition都是继承自TransitionElement，而后定义一些特定的Mode去调用不一样的 StoryBoard去实现页面切换效果，因而咱们能够定义本身的Transition类，继承自TransitionElement，调用本身定义的 StoryBoard。

 

 下图能够方便你们理解Toolkit中默认的Forward、Backward、In、Out的流程

 

下面咱们就来自定义Page Transition：

1. 首先，须要将App.xaml.cs中InitializePhoneApplication RootFrame改成RootFrame = new TransitionFrame();//set to transition

2. 添加对ToolKit的引用，添加类MyTransition，该类继承自 TransitionElement，具体代码以下

 

3.  编辑MainPage.xaml，添加ToolKit的名称空间 xmlns:toolkit="clr- namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

4.  向MainPage中添加页面资源，即咱们定义的StoryBoard，详细代码见源代码

5.  添加以下代码，以增长页面切换效果Javascript Number对象介绍

 

6.  添加第二个命名，作法同MainPage，不一样的是修改StoryBoard 以显示不一样的切换效果

7。 运行程序，会发现页面切换效果iphone5

PS：若是你们的页面有背景颜色，在切换页面的时候可能会出现黑屏或者白屏的状况，由于在Windows Phone 中Pages都是放在一个容器中的，而容器的背景颜色是绑定当前系统的主题的颜色，因此你们能够修改成背景颜色相近的颜色，以提供更好的用户体验。

修改方法为在App.xaml.cs中 RootFrame = new TransitionFrame();//set to transition

下一行代码中设置RootFrame的背景颜色便可