您的位置:首页 > 其它

Windows Phone 页面切换动画

2013-06-17 17:40 204 查看

1.首先引用Microsoft.Phone.Toolkit

2.将App.xaml.cs 中的 RootFrame = new PhoneApplicationFrame(); 改成RootFrame = new TransitionFrame();

3.引用toolkit

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

4.toolkit中一共有5中动画效果

  ☻SlideTransition           飞入动画

  ☻RotateTransition         旋转动画 

  ☻SwivelTransition    垂直翻转动画

  ☻TurnstilTransition  翻页动画动画

  ☻RollTransition     360度旋转动画

  

5.添加动画效果,以其中的一种动画效果为例

<toolkit:TransitionService.NavigationInTransition>
<toolkit:NavigationInTransition>
<toolkit:NavigationInTransition.Backward>
<toolkit:SlideTransition Mode="SlideLeftFadeIn" />
</toolkit:NavigationInTransition.Backward>
<toolkit:NavigationInTransition.Forward>
<toolkit:SlideTransition Mode="SlideRightFadeIn" />
</toolkit:NavigationInTransition.Forward>
</toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
<toolkit:NavigationOutTransition>
<toolkit:NavigationOutTransition.Backward>
<toolkit:SlideTransition Mode="SlideLeftFadeOut"/>
</toolkit:NavigationOutTransition.Backward>
<toolkit:NavigationOutTransition.Forward>
<toolkit:SlideTransition Mode="SlideRightFadeOut"/>
</toolkit:NavigationOutTransition.Forward>
</toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>

如果想更改其他切换效果,只需将蓝色字体的内容换成对应的效果,再把Mode方式更改对应的方式即可。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: