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

您列出的动画是在页面导航到页面和从页面导航时使用的过渡动画。听起来你实际上在寻找的是倾斜动画，也在Silverlight工具包中。

由于您已经下载了该工具包，因此您只需确保已将其添加为对项目的引用，然后在页面顶部的某个位置将以下代码插入到打开的'phone: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