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

Question

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

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

• 使用网格或画布作为状态栏的主体

• 在其中添加所有按钮/东西并自行管理它们

• 为页面内的 ScrollViewer 的 ViewChanged 事件添加一个事件处理程序：如果用户向下平移，则为状态栏设置动画。如果用户已经平移，隐藏状态栏。

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

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

谢谢！

塞尔吉奥

Answer 1

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