UWP SplitView CommandBar 内容绑定

UWP SplitView CommandBar content binding

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

此致

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

我认为在 MainPage 中创建一个 CommandBar 并绑定内容可能需要更多工作。不要忘记,您可能还需要绑定 Primary 和 Secondary Button。

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

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

查看 Template10 PageHeader Control (Search for "VisualStateNarrow" and "Spacer" in particular). If you are not particular about developing these boilerplate code yourselves, check out Template10。它有许多由社区开发的有用控件。如果您已经知道这件事,请原谅我。