在页面顶部设计类似Facebook的图标栏

Question

我正试图想出如何创建一个类似于WP8.1的Facebook应用程序中的应用程序栏的想法。这是一个屏幕：

如您所见，带有一些按钮的白色条隐藏在屏幕顶部。这就是我的想法：

•对状态栏的正文使用网格或画布

•在其中添加所有按钮/内容并自行管理

•为我在页面中的ScrollViewer的ViewChanged事件添加一个eventHandler：如果用户已平移，则为状态栏设置动画。如果用户已平移，请隐藏状态栏。

我遇到的问题是：我的第一个想法是在我的基础Grid / Canvas的TranslateTransform属性的Y属性上使用DoubleAnimation。 问题是，如果我使用它，元素将移动到屏幕上的任何其他内容之上。 例如，如果我的页面中有标题，那么这个状态栏和ScrollViewer，如果我尝试翻译状态栏，它将覆盖我的标题。 另一个想法是使用ThicknessAnimation来动画我的基础Grid / Canvas的上边距，但在WinRT上没有ThicknessAnimation。 除此之外，我知道ThicknessAnimation永远不是一个好主意，因为它必须在每次迭代时更新整个visualtree。

有什么想法吗？我想知道他们是如何在他们的应用程序中做到的：D

谢谢！

塞尔吉奥

Answer 1

您可以研究Canvas.ZIndex以安排订单控制，以使顶部栏位于第二个栏的顶部。您也可以尝试Clip属性。