在WP8.1中使用ContinuumNavigationTransition

时间:2015-04-10 12:27:53

标签: xaml animation windows-phone-8.1

我很难理解如何在Windows Phone 8.1中使用某些动画。我有一个带有ItemTemplate的ListView,我希望以与从消息列表转换到对话时消息应用程序动画相同的方式设置动画。 因此,当我在ListView中点击一个项目时,我想为内部TextBlock设置动画(它有点飞到页面底部),然后显示详细信息页面,标题从右上角返回到新页面(它是相同的文字)。

我设置ContinuumNavigationTransitionInfo.IsEntranceElement(在目标页面上),ContinuumNavigationTransitionInfo.IsExitElementContinuumNavigationTransitionInfo.ExitElementContainer(在源页面上),但它不起作用。我还读到了要在目标页面上设置的Transitions dependance属性,但它也不起作用。

那么,如果我想获得与从“对话”列表转换到“消息”应用上的对话详细信息相同的动画,我该怎么做?

1 个答案:

答案 0 :(得分:2)

我使用这种动画,所以我会发布你需要的XAML。你可以查看你的不同之处:

来源页面:

<ListView ContinuumNavigationTransitionInfo.ExitElementContainer="True">
<!-- XAML stuff -->
<TextBlock ContinuumNavigationTransitionInfo.IsExitElement="True" />
<!-- XAML stuff -->
</ListView>

目标网页:

<Page.Transitions>
    <TransitionCollection>
        <NavigationThemeTransition>
            <NavigationThemeTransition.DefaultNavigationTransitionInfo>
                <ContinuumNavigationTransitionInfo/>
            </NavigationThemeTransition.DefaultNavigationTransitionInfo>
        </NavigationThemeTransition>
    </TransitionCollection>
</Page.Transitions>

<!-- bla-bla -->
<TextBlock ContinuumNavigationTransitionInfo.IsEntranceElement="True"/>
<!-- other code -->