Xaml 如何更改NavigationView顶部面板的高度 问题

我在我的UWP应用程序中使用了

NavigationView

，并将

PaneDisplayMode

属性设置为

Top

。我添加了一些菜单项，但我无法调整顶部窗格的高度以适应菜单项。目前，窗格项正在被裁剪

我试过什么？ 我试图调整

导航视图

的

高度

属性，但它对顶部栏的高度没有影响，只改变了整个

导航视图

的高度（正如人们所期望的那样）

代码 以下是我当前的XAML代码：

<NavigationView
        x:Name="navMain"
        IsBackButtonVisible="Collapsed"
        IsSettingsVisible="False"
        IsTabStop="False"
        PaneDisplayMode="Top">
        <NavigationView.MenuItems>
            <NavigationViewItem
                Content="ITEM 1"
                FontSize="60"
                Tag="Page1" />
            <NavigationViewItem
                Content="ITEM2"
                FontSize="60"
                Tag="Page2" />
            <NavigationViewItem
                Content="ITEM 3"
                FontSize="60"
                Tag="Page3" />
        </NavigationView.MenuItems>
</NavigationView>

期望结果

---

我想调整顶部窗格的高度，最好只使用XAML，这样菜单项就可以适应并且不会被裁剪。

此问题是由于NavigationViewTopPane的默认高度为40。您为NavigationViewItem设置的

FontSize=“60”

太大

要解决此问题，您需要编辑NavigationView的ControlTemplate。一种简单的方法是按照文档编辑副本NavigationView样式

---

然后，您需要在ControlTemplate中找到一个名为“TopNavGrid”的网格。默认设置如下

您只需使用轻量级样式覆盖
NavigationViewTopPaneHeight
，如下所示（无需重新设置控件模板）：


100