示例:在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个人主页-哔哩哔哩视频

相关推荐
张人玉6 分钟前
C#WPF如何实现登录页面跳转
ui·c#·wpf
张人玉1 小时前
C#WPF如何跳转页面
笔记·ui·c#·wpf
.NET修仙日记3 小时前
.NET WinForms + WPF 综合学习路线:从传统到现代的.NET桌面开发
学习·c#·.net·wpf·.net core·winforms
猫林老师4 小时前
鸿蒙元服务开发:免安装的卡片式服务(Atomic Service)
华为·wpf·harmonyos
mingupup21 小时前
WPF/C#:使用Microsoft Agent Framework框架创建一个带有审批功能的终端Agent
c#·wpf
△曉風殘月〆1 天前
WPF中的变换(Transform)功能详解
wpf
mingupup1 天前
为WPF应用增加项目图标
wpf
张人玉1 天前
c#WPF基础知识
开发语言·c#·wpf
yantuguiguziPGJ2 天前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf
Aevget2 天前
DevExpress WPF中文教程:Data Grid - 如何使用虚拟源?(二)
.net·wpf·界面控件·devexpress·ui开发·数据网格