UWP SplitView CommandBar 内容绑定答案

【问题标题】：UWP SplitView CommandBar content bindingUWP SplitView CommandBar 内容绑定
【发布时间】：2016-05-12 00:21:01
【问题描述】：

在我的应用程序中，我有一个 SplitView，并将每个页面的内容设置为 Frame。每个页面都包含自己的 CommandBar。这没有问题。现在我正在为移动视图创建 VisualStates。在其中我想隐藏处于关闭状态（内联）的 PlitView。但是现在我需要一种方法来在顶部仅添加“HamburgerButton”（在我的情况下为 RadioButton），以打开内联 SplitView。我也这样做了，但是“汉堡按钮”与 CommandBar 上的每个页面文本重叠。那么最好的解决方案是在MainPage（我的SplitView所在）上只创建一个CommandBar并绑定内容，还是为每个Page创建一个CommandBar？

最好的问候

【问题讨论】：

为什么不把 CommondBar 放在页面底部呢？
在桌面上，CommandBar 在顶部，在移动设备上它在底部。但在移动版本的顶部还有一个带有页面标题的 CommandBar。

标签： c# .net win-universal-app windows-10-universal splitview

【解决方案1】：

我认为在 MainPage 中创建一个 CommandBar 并绑定内容可能需要更多的工作。不要忘记您可能还需要绑定主按钮和辅助按钮。

如果你想在每个页面中使用一个CommandBar，在MainPage中使用一个HamburgerMenu，你可以试试这个方法。

在 Grid 中创建一个单独的顶行供 CommandBar 占据。
将宽度等于“HamburgerButton”的透明矩形与 CommandBar 一起水平堆叠，并将其放置在上面创建的行中。
创建 VisualStates 以在 Phone 上触发并相应地设置 Rectangle 的可见性以将 CommandBar 向右移动。

查看Template10 PageHeader Control（特别是搜索“VisualStateNarrow”和“Spacer”）。如果您不特别想自己开发这些样板代码，请查看Template10。它具有社区开发的许多有用的控件。如果您已经知道这一点，请原谅我。

【讨论】：

谢谢，正是我正在寻找的透明矩形和 VisualState，它完美地工作！

【解决方案2】：

您可以创建页面顶部栏并在 MainPage 中使用拆分视图。

【讨论】：

我怎样才能从我的其他页面CommandBars那里添加内容？
如果在MainPage中使用top，在MainPage中使用Frame，则可以在其他页面导航时更改top。
我不知道你需要什么，你可以告诉你应该编码什么。