c# - UWP SplitView CommandBar 内容绑定

Question

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

此致

Answer 1

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

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

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

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

Answer 2

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