Windows Phone ListView项目动画

Question

我从Codeplex下载了Windows Phone的Silverlight工具包。在演示中，我注意到主视图有一个StackPanel，其中列出了项目，按项目给出了这样的视觉指示，类似于本机Windows Phone菜单的操作。在试图找出他们是如何做的，我看到过渡效果在页面的顶部，下面的XAML补充说：

<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> 

我最初的假设是，这是什么使按钮有这个动画，不过，我可以似乎没有弄清楚他们是如何使它工作的。上面的XAML和其他所有内容之间没有明显的联系。

任何提示？我试图让一个ListView的项目模仿这个新闻可视化。

Answer 1

您列出的动画是页面导航和导航时使用的过渡动画。它实际上是寻找Tilt动画，也是在Silverlight工具箱中。

由于您已经下载了该工具包，因此您只需确保已将其作为参考添加到您的项目中，然后将以下代码插入页面顶部的某处，并位于开放式手机的某处：PhoneApplicationPage '标签：

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

这将自动增加所有按钮和ListBoxItems与倾斜效果。如果您希望其他项目具有倾斜效果，您可以简单地将'toolkit：TiltEffect.IsTiltEnabled ='True'''属性添加到该项目的标签。

您可以在这里深入了解的倾斜动画：http://windowsphonegeek.com/articles/Silverlight-for-WP7-Toolkit-TiltEffect-in-depth