UWP SplitView CommandBar内容绑定

Question

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

祝你好运

Answer 1

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

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

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

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

Answer 2

您可以创建Page TOP栏，并在MainPage中使用splitview。