如何更改 NavigationViewItem 选择下划线的长度以匹配 WinUI3 应用程序中的项目内容文本？

Posted 2023-04-19

【中文标题】如何更改 NavigationViewItem 选择下划线的长度以匹配 WinUI3 应用程序中的项目内容文本？

【英文标题】：How can I change the length of the NavigationViewItem selection underline to match the item content text in a WinUI3 app?

【发布时间】：2022-01-04 22:03:44

【问题描述】：

我没有看到让我将 Windows.UI.Xaml.Controls.NavigationViewItem 蓝色选择器行的长度更改为内容文本长度的属性的示例或文档。默认情况下，蓝色选择器非常短。这是一个代码sn-p：

        <NavigationView Grid.Row="0" Grid.Column="1" Loaded="NavigationView_Loaded"
                        ItemInvoked="NavigationView_ItemInvoked"
                        BackRequested="NavigationView_BackRequested"
                        IsBackButtonVisible="Collapsed"
                        IsBackEnabled="false"
                        PaneDisplayMode="Top">
            <NavigationView.MenuItems>
                <NavigationViewItem Tag="basics"  Content="Window Basics"></NavigationViewItem>
                <NavigationViewItem Tag="presenters" Content="Presenters"></NavigationViewItem>
                <NavigationViewItem Tag="configs" Content="Window Configurations"></NavigationViewItem>
                <NavigationViewItem Tag="titlebar" Content="TitleBar"></NavigationViewItem>
            </NavigationView.MenuItems>
        </NavigationView>

是否有一个属性可以让我调整选择器长度或自动拉伸它以适应内容？例如，在上面的 xaml sn-p 中，我希望选择第一项时选择行适合文本“Window Basics”的长度。

希望这是有道理的。甚至我见过的 Microsoft 示例（包括 Xaml Controls Gallery 演示）也有短下划线。

非常感谢您的帮助。

罗伯特

【参考方案1】：

我发现一个带有 NavigationView 的简单 UWP 应用确实正确地在 NavigationViewItem 内容下划线。该应用正在使用 Microsoft.UI.xaml 2.5。

所以可能是我正在使用 Microsoft.WindowsAppSDK 1.0 编写的 WinUI 应用程序存在错误。

【讨论】：

我认为在 WinUI 3 中选择的 NavigationViewItem 没有下划线；相反，左边有一条线。