zoukankan      html  css  js  c++  java
  • [Winodows Phone 7控件详解]Silverlight toolkit for Windows Phone 7.1控件6

    7.NavigationTransition

    这个控件用来实现页面的切换效果。

    1.首先在xaml中加入toolkit 声明:

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

    2.xaml中手工加入这个控件:

       <toolkit:TransitionService.NavigationInTransition>
    <toolkit:NavigationInTransition><!-- 进入页面动画效果-->
    <toolkit:NavigationInTransition.Backward>
    <toolkit:RotateTransition Mode="In180Clockwise"/><!-- 180°翻转效果-->
    </toolkit:NavigationInTransition.Backward>
    <toolkit:NavigationInTransition.Forward>
    <toolkit:RotateTransition Mode="In180Clockwise"/>
    </toolkit:NavigationInTransition.Forward>
    </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
    <toolkit:NavigationOutTransition><!-- 退出页面动画效果-->
    <toolkit:NavigationOutTransition.Backward>
    <toolkit:RotateTransition Mode="Out180Clockwise"/>
    </toolkit:NavigationOutTransition.Backward>
    <toolkit:NavigationOutTransition.Forward>
    <toolkit:RotateTransition Mode="Out180Clockwise"/>
    </toolkit:NavigationOutTransition.Forward>
    </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>
    <!--LayoutRoot is the root grid where all page content is placed-->

    对于这个控件共有五种动画效果,以及每种动画都有多种模式的设置:RollTransition(这个没有模式设置)、RotateTransitionSlideTransitionSwivelTransitionTurnstileTransition

    另外,进入和退出页面的动画效果是可以设置为不同的效果的。

    3.最重要的修改:

    App.xaml.csInitializePhoneApplication()函数里的RootFrame进行修改,如果不改的话,是没有动画效果的。

    //RootFrame = new PhoneApplicationFrame();
    RootFrame = new TransitionFrame();//必须改

    由于效果太快无法捕捉,故不上图了~

  • 相关阅读:
    微服务:整合 Spring Cloud Eureka
    java连接oracle数据库时报错ORA-12505
    亲测可用转IntelliJ IDEA 2018.3.4永久激活(破解)
    MyEclipse中打开*.js文件时默认为UTF-8编码格式的设置
    linux yum安装lsof命令
    转:Tomcat 7.0配置SSL的问题及解决办法
    Java实现ping功能的三种方法及Linux的区分
    [linux]文件系统损坏,linux启动时 checking filesystems fail
    redhat7下mysql5.7.12重启电脑后起不来问题
    [转]Linux下彻底卸载mysql详解
  • 原文地址:https://www.cnblogs.com/DebugLZQ/p/2438069.html
Copyright © 2011-2022 走看看