xaml - Windows Phone 8.1 类似 Bing 的幻灯片页面动画

Question

我想在我的 Windows Phone 8.1 应用程序中添加一个页面转换，这样下一页将从屏幕底部滑入。当您通过点击“搜索”按钮启动 Bing 时，会使用类似的效果。

不幸的是，MSDN 对该主题的描述并不多。有谁知道如何实现这样的动画？

Answer 1

首先，您必须禁用 Frame 的当前转换。 - 最好的地方是在App.xaml.cs哪里rootframe已创建，但这取决于您的应用程序的初始化方式。例如，在 MainPage 构造函数中:

public MainPage()
{
    this.InitializeComponent();
    Frame mainFrame = Window.Current.Content as Frame;
    mainFrame.ContentTransitions = null;
}

禁用默认转换后，在每个 Page 中您可以定义自己的过渡:

在 Page.xaml :

<Page.Transitions>
    <TransitionCollection>
       <PaneThemeTransition Edge="Bottom"/>          
    </TransitionCollection>
</Page.Transitions>

我不确定这是否是您正在寻找的确切动画。更多关于动画的信息，你会发现 here at MSDN .

当然你也可以定义 Frame的新品 ContentTransitions ，以便它们成为所有 Pages 的默认值- 例如:

// instead of null put in MainPage constructor:
mainFrame.ContentTransitions = new TransitionCollection { new PaneThemeTransition { Edge = EdgeTransitionLocation.Bottom } };