一、目的:分享一个解决ListBox设置了ScrollViewer.CanContentScroll="False"破坏虚拟坏的解决方法
ScrollViewer.CanContentScroll 是 WPF 中 ScrollViewer 控件的一个属性,它决定了滚动内容时是按逻辑单位(如项)还是按物理单位(如像素)进行滚动。
• 当 CanContentScroll 设置为 True 时,滚动是基于逻辑单位的。这意味着滚动操作会移动一个完整的内容项,而不是按照像素滚动。这种模式下,如果你的 ScrollViewer 包含了一个虚拟化面板(如 VirtualizingStackPanel),它可以启用 UI 虚拟化,这是一种性能优化技术,只渲染可见项,从而提高大量数据展示的性能。
• 当 CanContentScroll 设置为 False 时,滚动是基于物理单位的,即像素。这提供了更平滑的滚动体验,但是会渲染所有的项,包括那些不在视图中的项,这可能会对性能产生负面影响,特别是在项数量很多的情况下。
因此,选择 CanContentScroll 的值时,需要根据你的具体需求来决定。如果你需要更平滑的滚动体验,并且数据量不大,可以选择 False。如果你需要展示大量数据,并且关心性能,应该选择 True,并确保使用支持虚拟化的面板,如 VirtualizingStackPanel。
本文介绍的方式是,支持虚拟话并且可以按像素滚动
二、实现
XML
<ListBox ScrollViewer.CanContentScroll="True"
VirtualizingPanel.ScrollUnit="Pixel">
</ListBox>
ScrollViewer.CanContentScroll="True"
VirtualizingPanel.ScrollUnit="Pixel"
**注意:**ScrollViewer.CanContentScroll="True" 需要设置成True,否则会破坏虚拟化;
五、需要了解的知识点
ScrollViewer.CanContentScroll Property (System.Windows.Controls) | Microsoft Learn
VirtualizingPanel.ScrollUnit Attached Property (System.Windows.Controls) | Microsoft Learn
ListBox 类 (System.Windows.Controls) | Microsoft Learn
VirtualizingStackPanel 类 (System.Windows.Controls) | Microsoft Learn
VirtualizingPanel 类 (System.Windows.Controls) | Microsoft Learn
System.Windows.Controls 命名空间 | Microsoft Learn
六、源码地址
GitHub - HeBianGu/WPF-ControlDemo: 示例
GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库
GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库