Windows Phone 8.1 Bing般的幻灯片页面动画

use*_*795 11 xaml windows-phone windows-phone-8.1

我想以这样的方式在我的Windows Phone 8.1应用程序中添加页面转换,以下页面将从屏幕底部滑入.通过点击" 搜索"按钮启动Bing时会使用类似的效果.

不幸的是,MSDN对该主题的描述不多.有谁知道如何实现这样的动画?

Rom*_*asz 17

首先,你必须禁用电流转换为Frame-的最佳地点将是App.xaml.csrootframe被创建,但它取决于你的应用程序是如何初始化.这里例如在MainPage构造函数中:

public MainPage()
{
    this.InitializeComponent();
    Frame mainFrame = Window.Current.Content as Frame;
    mainFrame.ContentTransitions = null;
}
Run Code Online (Sandbox Code Playgroud)

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

Page.xaml:

<Page.Transitions>
    <TransitionCollection>
       <PaneThemeTransition Edge="Bottom"/>          
    </TransitionCollection>
</Page.Transitions>
Run Code Online (Sandbox Code Playgroud)

我不确定这是否是您正在寻找的确切动画.有关动画的更多信息,请访问MSDN.

当然你也可以定义Frame新的ContentTransitions,所以它们将作为所有人的默认值Pages- 例如:

// instead of null put in MainPage constructor:
mainFrame.ContentTransitions = new TransitionCollection { new PaneThemeTransition { Edge = EdgeTransitionLocation.Bottom } };
Run Code Online (Sandbox Code Playgroud)

  • 你提供的解决方案几乎是完美的,谢谢.这正是我想到的动画类型.但是,在动画开始后,前一页变为黑色.结果是下一页滑到黑色字段而不是前一页.你知道怎么解决吗? (4认同)

ad1*_*ima -2

Windows Phone 工具包中,您可以找到动画和示例

这是一些文章