UWP NavigationView BackButton 无法正常工作

【问题标题】：UWP NavigationView BackButton Not work properlyUWP NavigationView BackButton 无法正常工作
【发布时间】：2021-05-13 10:22:04
【问题描述】：

我已经为我的页面设置了 ExtendViewIntoTitleBar 属性，并为我的 NavigationView 设置了 IsTitleBarAutoPaddingEnabled="False" 但是现在我无法轻松单击返回按钮（鼠标无法向后悬停按钮）

请看下图

这是 microsoft 示例项目（xaml 控件库），可以很好地与这两个属性一起使用

我的另一个问题是如何像 Microsoft 示例项目中那样将程序名称放在后退按钮旁边？

【问题讨论】：

标签： c# uwp navigationview winui

【解决方案1】：

默认的拖动区域仍然存在，只是不可见。指针悬停和单击事件仅适用于比标题栏稍大的按钮部分。不过有一个解决办法：通过设置另一个 UI 元素来充当可拖动的山墙区域。

<Grid>
 <muxc:NavigationView/>
          
<Grid Height="32" VerticalAlignment="Top">
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="32"/>
    <ColumnDefinition Width="*"/>
  </Grid.ColumnDefinitions>
  <Grid x:Name="DragGrid" Background="Transparent" Grid.Column="1">
    <TextBlock Text="App Title" Margin="8,8,0,0"/>
  </Grid>
 </Grid>
</Grid>

然后，通过将自定义网格添加到构造函数中，将其设置为窗口的标题栏：

public MainPage()
        {
            this.InitializeComponent();
            Window.Current.SetTitleBar(DragGrid);
        }

【讨论】：