如何动画页面导航WinRT中的过渡？

Question

在WinRT中，使用

在两个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>
....