在 WP8.1 中使用 ContinuumNavigationTransition

Question

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

我设置了 ContinuumNavigationTransitionInfo.IsEntranceElement（在目标页面上）、ContinuumNavigationTransitionInfo.IsExitElement 和 ContinuumNavigationTransitionInfo.ExitElementContainer（在源页面上）但它不起作用。我还读到了要在目标页面上设置的 Transitions 依赖性属性，但它也不起作用。

那么，如果我想获得与“消息”应用中从对话列表过渡到对话详细信息时相同的动画，我该怎么办？

Answer 1

我用的就是这种动画，所以我会post你需要的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 -->

在 WP8.1 中使用 ContinuumNavigationTransition

Using ContinuumNavigationTransition in WP8.1

animation

xaml

windows-phone-8.1