Windows phone 8 WP8如何使用混合设置列表框的动画

我想知道如何使用listbox制作动画，以便在加载listbox时，第一项比第二项先出现，然后是第三项，如下例所示

---

您可以使用来自的旋转栅门效果来完成此操作。这是一本书

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

    <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。如果您有一个列表框，希望对项目设置动画，则只需在列表框本身上设置索引，而不需要在DataTemplate上设置索引

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

---

您可以使用来自的旋转栅门效果来完成此操作。这是一本书

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

    <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。如果您有一个列表框，希望对项目设置动画，则只需在列表框本身上设置索引，而不需要在DataTemplate上设置索引

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

Mee也一直在寻找这个。谢谢肖恩；）在我的页面和我的listbox toolkit中添加了所有没有问题的内容：TurnstileFeatherEffect.FeatheringIndex=“0”，并且没有任何事情发生，只是没有任何效果。您需要更改应用程序的根框架。在App.xaml.cs中，将RootFrame分配更改为RootFrame=new TransitionFrame（）；我这样做了，但是当列表加载时，第一页并没有变得兴奋，只有当我离开页面时。我正在通过触发器onload加载它。@famadori你解决了这个问题吗？我的转换只有在离开页面时才起作用。Mee也一直在寻找这个。谢谢肖恩；）在我的页面和我的listbox toolkit中添加了所有没有问题的内容：TurnstileFeatherEffect.FeatheringIndex=“0”，并且没有任何事情发生，只是没有任何效果。您需要更改应用程序的根框架。在App.xaml.cs中，将RootFrame分配更改为RootFrame=new TransitionFrame（）；我这样做了，但是当列表加载时，第一页并没有变得兴奋，只有当我离开页面时。我正在通过触发器onload加载它。@famadori你解决了这个问题吗？我的转换只在离开页面时起作用。