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

相关推荐
当下就是最好11 小时前
WPF应用程序的生命周期-笔记
wpf
九鼎科技-Leo1 天前
什么是 WPF 中的依赖属性?有什么作用?
windows·c#·.net·wpf
麻花20131 天前
C#之WPF的C1FlexGrid空间的行加载事件和列事件变更处理动态加载的枚举值
开发语言·c#·wpf
lcintj1 天前
【WPF】Prism学习(九)
学习·wpf·prism
界面开发小八哥1 天前
界面控件DevExpress WPF中文教程:网格视图数据布局的列和卡片字段
wpf·界面控件·devexpress·ui开发·用户界面
△曉風殘月〆1 天前
如何在WPF中嵌入其它程序
wpf
Crazy Struggle1 天前
功能齐全的 WPF 自定义控件资源库(收藏版)
.net·wpf·ui控件库
shepherd枸杞泡茶2 天前
WPF动画
c#·.net·wpf
lcintj2 天前
【WPF】Prism学习(十)
学习·wpf·prism
wyh要好好学习2 天前
WPF数据加载时添加进度条
ui·wpf