如何在 WinRT 中为页面导航过渡设置动画？

Question

在 WinRT 中，当在 2 个 XAML 页面之间导航时

this.Frame.Navigate(typeof(AnotherPage));

我怎样才能淡出第一页并淡入第二页？我记得 Windows Phone 7 有一个在 XAML 中执行此操作的程序集。如何在 WinRT 中做到这一点？

Answer 1

这应该为页面中的所有元素添加快速淡入效果。它可能足以满足您的需求。

<Page>
    <Page.Transitions>
        <TransitionCollection>
            <ContentThemeTransition HorizontalOffset="0" VerticalOffset="0"/>
        </TransitionCollection>
    </Page.Transitions>
....
</Page>

但我建议你保留水平和垂直偏移的默认值，它会模拟 WinRT 中的标准转换。

Answer 2

您可以使用 ContentThemeTransition 应用内置的过渡效果。有关如何使用它的示例，请参阅http://code.msdn.microsoft.com/windowsapps/Personality-Animations-3f857919。基本上，在你的 XAML 中是这样的......

<Page>
....
<Grid Background="Black">
        <Grid.ChildrenTransitions>
             <TransitionCollection>
                 <ContentThemeTransition/>
             </TransitionCollection>
        </Grid.ChildrenTransitions>
....