如何做一个比较酷的界面切换【Windows Phone】

当你看一些Windows Phone 应用程序时，有可能你注意到比较炫的界面切换, 显然这个东西会大大增加我们的用户体验。

由于我们团队项目中美化设计需求，就做了一番调查，现在发个帖来总结下自己的心得。

界面的切换，可以用Windows Phone Toolkit中的TransitionService来搞定。

要使用TransitionService，首先需要在工程中添加一个reference引用：Microsoft.Phone.Controls.Toolkit.dll。之后，在要进行切换的page的XAML文件里LayoutRoot外添加如下Transition Service代码

 

<toolkit:TransitionService.NavigationInTransition>
          <toolkit:NavigationInTransition>
              <toolkit:NavigationInTransition.Backward>
                  <toolkit:TurnstileTransition Mode="BackwardIn"/>
              </toolkit:NavigationInTransition.Backward>
              <toolkit:NavigationInTransition.Forward>
                  <toolkit:TurnstileTransition Mode="ForwardIn"/>
              </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
      </toolkit:TransitionService.NavigationInTransition>
      <toolkit:TransitionService.NavigationOutTransition>
          <toolkit:NavigationOutTransition>
              <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition   Mode="BackwardOut"/>
              </toolkit:NavigationOutTransition.Backward>
              <toolkit:NavigationOutTransition.Forward>
                  <toolkit:TurnstileTransition Mode="ForwardOut"/>
              </toolkit:NavigationOutTransition.Forward>
          </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

里面定义了一个page的四种模式，用下面的图可以清晰的表达出来

 

                       

为了实现自动切换，需要在App.cs文件里添加：

// RootFrame = new PhoneApplicationFrame();  //注释掉
RootFrame = new TransitionFrame();

Ok， 这样就基本完工了。应用可以按照每个页面定义的格式进行界面动画切换了。

 为了更好的说明， 附上一些代码：

https://files.cnblogs.com/OMG-Team/Transitions.zip

里面可以支持  旋杆式界面切换，滑动式界面切换，旋转式界面切换