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.添加动画效果,以其中的一种动画效果为例

  1. <toolkit:TransitionService.NavigationInTransition>
  2. <toolkit:NavigationInTransition>
  3. <toolkit:NavigationInTransition.Backward>
  4. <toolkit:SlideTransition Mode="SlideLeftFadeIn" />
  5. </toolkit:NavigationInTransition.Backward>
  6. <toolkit:NavigationInTransition.Forward>
  7. <toolkit:SlideTransition Mode="SlideRightFadeIn" />
  8. </toolkit:NavigationInTransition.Forward>
  9. </toolkit:NavigationInTransition>
  10. </toolkit:TransitionService.NavigationInTransition>
  11. <toolkit:TransitionService.NavigationOutTransition>
  12. <toolkit:NavigationOutTransition>
  13. <toolkit:NavigationOutTransition.Backward>
  14. <toolkit:SlideTransition Mode="SlideLeftFadeOut"/>
  15. </toolkit:NavigationOutTransition.Backward>
  16. <toolkit:NavigationOutTransition.Forward>
  17. <toolkit:SlideTransition Mode="SlideRightFadeOut"/>
  18. </toolkit:NavigationOutTransition.Forward>
  19. </toolkit:NavigationOutTransition>
  20. </toolkit:TransitionService.NavigationOutTransition>

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

Windows Phone 页面切换动画的更多相关文章

  1. (原)android中的动画(三)之动画监听&页面切换动画

    1.动画也可以设置监听事件,例如在动画结束时需要执行某操作 把要执行的代码写在onAnimationEnd()回调方法中即可: anim.setAnimationListener(new Animat ...

  2. iOS页面切换动画实现方式。

    iOS页面切换动画实现方式. 1.使用UIView animateWithDuration:animations:completion方法 Java代码 [UIView animateWithDura ...

  3. QtQuick多页面切换、多页面切换动画、多个qml文件数据交互

    一.QtQuick多页面切换方法 (1)“隐藏法” 前一个视图visible设为false或者透明度opacity设为0,相当于“隐藏”了,实际还存在: 要显示的视图visible设为true或者透明 ...

  4. Windows Phone使用sliverlight toolkit实现页面切换动画效果

    使用应用时,好多app在页面切换的时候都有一个动画效果,感觉很炫,也大大增加了用户体验,怎么实现呢? 界面的切换,可以用Windows Phone Toolkit中的TransitionService ...

  5. react实现页面切换动画效果

    一.前情概要 注:(我使用的路由是react-router4)     如下图所示,我们需要在页面切换时有一个过渡效果,这样就不会使页面切换显得生硬,用户体验大大提升:     but the 问题是 ...

  6. Android5.0之后的页面切换动画

    Android5.0之后给我们开发者剩了好多的事情,为什么这么说呢?还记得刚开始的时候,Android里面的所有的动画都要我们开发者自己来写,现在不需要了,因为5.0之后自带了好多的动画,比如:按钮点 ...

  7. Activity 切换动画和页面切换动画

    public class MainActivity extends Activity { private ViewFlipper viewFlipper; private float startX; ...

  8. PPT页面切换动画

    想要自己的PPT更加炫酷一些的话,可以再给每个页面的切换,加上动画效果. 第一步,按住ctrl键,鼠标点击选择想要增加切换动画的页面,然后点击菜单栏的“切换” 第二步,在切换菜单下面选择具体的切换效果 ...

  9. PresentViewController切换界面(一些系统自带的页面切换动画)

    视图切换,没有NavigationController的情况下,一般会使用presentViewController来切换视图并携带切换时的动画, 其中切换方法如下: – presentViewCon ...

随机推荐

  1. CodeIgniter(3.1.4)框架使用静态文件(js,css)

    调整目录结构: 可以在控制器中这样加载视图: * 加载url辅助类. views视图中可以这样引用静态文件: 则最终的静态文件url会生成这样:

  2. Game publishing request was abnormally terminated (ID 27492).

    本地可以正常发布:远程发布报错.怀疑跟直接删除数据库记录有关,wp_myarcadegames/wp_posts Game publishing request was abnormally term ...

  3. 安装版的tomcat微信支付时报2字节的UTF-8序列的字节2无效

  4. spring boot 拦截器之WebMvcConfigurerAdapter

    版权声明:本文为博主原创文章,未经博主允许不得转载.   目录(?)[+]   上一篇我们讲到了拦截器,我们也简单的讲解到了WebMvcConfigurerAdapter这个拦截器.本篇我们来对Web ...

  5. EasyUI效果--DataGrid的编辑效果

    DataGrid的编辑效果是我目前使用的easyUI的第三个效果,相对于前两个,这个算是比较复杂点了.    运行起来的效果,大概就是这样,任意点击某行,然后该行变为可以编辑的,失去焦点之后,该行恢复 ...

  6. 判断IE浏览器的最简洁方法

    <script type='text/javascript'> var ie = !-[1,]; alert(ie);</script>

  7. jquery 自动完成 Autocomplete插件汇总

    1. jQuery Autocomplete Mod jQuery Autcomplete插件.能够限制下拉菜单显示的结果数. 主页:http://www.pengoworks.com/worksho ...

  8. e653. 写入段落文本

    In order to change the font of the text, you need to supply an attributed string to the LineBreakMea ...

  9. e644. 处理Action事件

    Action events are fired by subclasses of AbstractButton and includes buttons, checkboxes, and menus. ...

  10. c# winform 自动关闭messagebox 模拟回车

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...