UWP NavigationView BackButton 无法正常工作

Question

我已经为我的页面设置了 ExtendViewIntoTitleBar 属性并且为我的 NavigationView 设置了 IsTitleBarAutoPaddingEnabled="False" 但现在我不能轻易点击后退按钮（鼠标不能悬停后退按钮）

请看下图

这是 Microsoft 示例项目（xaml 控件库），可以很好地处理这两个属性

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

Answer 1

默认的拖动区域还在，只是不可见。指针悬停和单击事件仅适用于比标题栏稍大的按钮部分。但是有一个修复方法：通过设置另一个 UI 元素作为 drag-gable 区域。

<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>

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

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

UWP NavigationView BackButton 无法正常工作

UWP NavigationView BackButton Not work properly

c#

navigationview

uwp

winui