uwp NavigationView 控件标题栏

【问题标题】：uwp NavigationView control Titlebaruwp NavigationView 控件标题栏
【发布时间】：2018-05-04 08:03:02
【问题描述】：

我的 NavigationView 控件和标题栏有问题。

我尝试将视图扩展到标题栏以使用标准 NavigationView 的丙烯酸效果。但是后来我注意到后退和菜单按钮位于标题栏下方，因此您无法正确单击它们。

在附图中，您可以看到红线下方的所有内容都是可点击的，但是当您越过它时，您的目标是标题栏。

有什么办法可以解决这个问题吗？

【问题讨论】：

我可以重现这个问题，我已经在我们的内部频道中报告了它。
非常感谢。
此问题是我们系统中的一个已知问题，感谢您的报告。

标签： xaml indexing uwp titlebar navigationview

【解决方案1】：

我不知道您正在使用哪个版本的操作系统，我在最近的 Windows Insider OS 中没有看到这个问题。您可以通过设置如下的虚拟标题栏来解决不可点击的问题：

<Grid>
    <Grid x:Name="AppTitleBar" Background="Transparent" />
    <NavigationView IsBackEnabled="True" PaneDisplayMode="Top">
        <NavigationView.MenuItems>
            <NavigationViewItem Icon="Accept" Content="Accept" />
        </NavigationView.MenuItems>
    </NavigationView>
</Grid>

public MainPage()
{
    this.InitializeComponent();
    var coreTitleBar = CoreApplication.GetCurrentView().TitleBar;
    coreTitleBar.ExtendViewIntoTitleBar = true;

    Window.Current.SetTitleBar(AppTitleBar);
}

【讨论】：

嗯，有了这段代码，突然间一切都变得透明了，包括 Windows Explorer 和 Visual Studio，基本上一切都必须退出并重新启动 PC。但代码有效。