示例:在WPF ListBox中,ScrollViewer.CanContentScroll=“False“破坏虚拟化如何解决

一、目的:分享一个解决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轻量控件和皮肤库

七、了解更多

System.Windows.Controls 命名空间 | Microsoft Learn

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

相关推荐
dalong1014 小时前
WPF:3D型材模型
3d·wpf
一念春风15 小时前
文件透明加密(C、C#)
c语言·c#·wpf
yanaiding2 天前
C# WPF 独立开发看图工具 PixSight 经验介绍(二)—— 水印模块开发实录
图像处理·c#·wpf·个人开发
我是苏苏5 天前
WPF开发01:基础控件及常用模板篇
开发语言·c#·html·wpf
dalong105 天前
WPF:3D顶点共享与法线设置对光照效果的影响
3d·wpf
柔蘭6 天前
WPF中的CommunityToolkit.Mvvm框架
wpf
aGdF8E3gQ6 天前
【Application Insights】采样率对Function App日志收集的影响和解决方法
python·flask·wpf
程序员-Benothing7 天前
如何实现高并发系统订单30分钟自动关闭?
开发语言·c#·wpf
一水7 天前
Redis实战:一个AI工作流系统里的五个应用场景,从传参到限流的完整链路
数据库·redis·wpf
dalong107 天前
WPF:3D甜甜圈
3d·c#·wpf·甜甜圈