在页面顶部设计一个 Facebook-like 图标栏
Designing a Facebook-like icon bar at the top of the page
我正在尝试想出一个关于如何创建类似于 WP8.1 的 Facebook 应用程序中的应用程序栏的想法。这是一个屏幕：
如您所见，带有一些按钮的白色条隐藏在屏幕顶部。这是我的想法：
• 为状态栏的 body 使用网格或 Canvas
• 把所有buttons/stuff都加进去，自己管理
• 为我页面中的 ScrollViewer 的 ViewChanged 事件添加一个事件处理程序：如果用户向下移动，则为状态栏设置动画。如果用户已经向上平移，隐藏状态栏。
我遇到的问题是：我的第一个想法是在我的基础 Grid/Canvas 的 TranslateTransform 属性 的 Y 属性 上使用 DoubleAnimation。
问题是，如果我使用它，该元素将移动到屏幕上的任何其他内容之上。
因此，例如，如果我的页面中有一个标题，那么这个状态栏和一个 ScrollViewer，如果我尝试向上翻译状态栏，它将覆盖我的标题。
另一个想法是使用 ThicknessAnimation 为我的底部 Grid/Canvas 的上边距设置动画，但在 WinRT 上没有 ThicknessAnimation。
除此之外，我知道 ThicknessAnimation 从来都不是一个好主意，因为它必须在每次迭代时更新整个视觉树。
有什么想法吗？我想知道他们是如何在他们的应用程序中做到这一点的：D
谢谢！
塞尔吉奥
您可以研究 Canvas.ZIndex 以安排顺序控制以使顶部栏位于第二个栏的顶部。您也可以尝试 Clip 属性.
我正在尝试想出一个关于如何创建类似于 WP8.1 的 Facebook 应用程序中的应用程序栏的想法。这是一个屏幕：
如您所见，带有一些按钮的白色条隐藏在屏幕顶部。这是我的想法：
• 为状态栏的 body 使用网格或 Canvas
• 把所有buttons/stuff都加进去，自己管理
• 为我页面中的 ScrollViewer 的 ViewChanged 事件添加一个事件处理程序：如果用户向下移动，则为状态栏设置动画。如果用户已经向上平移，隐藏状态栏。
我遇到的问题是：我的第一个想法是在我的基础 Grid/Canvas 的 TranslateTransform 属性 的 Y 属性 上使用 DoubleAnimation。 问题是，如果我使用它，该元素将移动到屏幕上的任何其他内容之上。 因此，例如，如果我的页面中有一个标题，那么这个状态栏和一个 ScrollViewer，如果我尝试向上翻译状态栏，它将覆盖我的标题。 另一个想法是使用 ThicknessAnimation 为我的底部 Grid/Canvas 的上边距设置动画，但在 WinRT 上没有 ThicknessAnimation。 除此之外，我知道 ThicknessAnimation 从来都不是一个好主意，因为它必须在每次迭代时更新整个视觉树。
有什么想法吗？我想知道他们是如何在他们的应用程序中做到这一点的：D
谢谢！
塞尔吉奥
您可以研究 Canvas.ZIndex 以安排顺序控制以使顶部栏位于第二个栏的顶部。您也可以尝试 Clip 属性.