如何在导航视图中隐藏垂直滚动条?

Question

我正在使用NavigationView，当在NavigationView中添加许多项目时，PaneDisplayMode设置为LeftCompact。它将自动显示垂直滚动条。我试图隐藏它。

我在 generic.xaml 中以NavigationView的风格查找，发现所有项目都在NavigationViewList中。

<NavigationViewList x:Name="MenuItemsHost" Grid.Row="6" Margin="0,0,0,20" 
SelectionMode="Single" IsItemClickEnabled="True" HorizontalAlignment="Stretch" 
SelectedItem="{TemplateBinding SelectedItem}" ItemTemplate="{TemplateBinding MenuItemTemplate}" 
ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}" 
ItemContainerStyle="{TemplateBinding MenuItemContainerStyle}" 
ItemContainerStyleSelector="{TemplateBinding MenuItemContainerStyleSelector}" 
SingleSelectionFollowsFocus="{Binding RelativeSource={RelativeSource TemplatedParent}, 
Path=TemplateSettings.SingleSelectionFollowsFocus}" />

所以我把NavigationView的整个风格放到 app.xaml 中，并添加ScrollViewer.VerticalScrollBarVisibility=HiddenNavigationViewList.什么都没有改变。

我还发现NavigationViewList是基于ListView的，所以我将ListView添加到app.xaml，并设置VerticalScrollBarVisibility=Hidden。两者都不起作用。

为什么？

Answer 1

如何在导航视图中隐藏垂直滚动条？

对于我的测试，它在将ScrollViewer.VerticalScrollBarVisibility=Hidden添加到NavigationViewList的本机NavigationView中工作，但对于Microsoft-UI-XAML编辑样式将导致列表丢失，并且看起来是一个问题。我会将其报告给制作团队，您也可以将错误报告发布在 github 问题框中microsoft-ui-xaml。