模板 10:Hamburger 基本 UI

Question

我正在开发一个 UWP 应用程序，我想让它看起来像 ms 新闻应用程序，所以就像在新闻应用程序中一样，当我单击汉堡包按钮时，它不应将页面标题移到右侧相反，它不应该对标题方面有任何影响。

我得到的：

我想要的：

此外，当窗格打开时单击汉堡包按钮后我应该怎么做，然后我单击面板以外的任何地方，如网格或 PageHeader 汉堡包控件应该自动关闭，就像在新闻应用程序中一样.

Answer 1

这样做就完成了：

  <Controls:HamburgerMenu x:Name="MyHamburgerMenu"
                HamburgerBackground="#FFD13438"
                HamburgerForeground="White"
                NavAreaBackground="#FF2B2B2B"
                NavButtonCheckedBackground="#FFD13438"
                SecondarySeparator="White"
                NavButtonForeground="White"
                **VisualStateWideDisplayMode="CompactOverlay"**
                        >