windows-phone-8 - WP8 如何使用 Blend 为 ListBox 设置动画

Question

我想知道如何使用列表框制作动画，以便第一个项目比第二个项目先出现，然后是第三个项目，因此当列表框正在加载时，如下例所示。

Answer 1

您可以使用Windows Phone Toolkit中的 TurnstileFeatherEffect 完成此操作。这是一个完整的示例页面。

您可以通过将以下转换添加到您的页面来完成此操作

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

然后说明您希望它们以何种顺序飞行。您可以通过在每个要设置动画的项目上设置 FeatheringIndex 来做到这一点。如果您有一个要为项目设置动画的 ListBox，则只需在 ListBox 本身而不是 DataTemplate 上设置索引。

<ListBox toolkit:TurnstileFeatherEffect.FeatheringIndex="0">
</ListBox>