WPF列表性能提高技术

WPF列表性能提高技术

WPF数据绑定系统不仅需要绑定功能,还需要能够处理大量数据而不会降低显示速度和消耗大量内存,WPF提供了相关的控件以提高性能,所有继承自ItemsControl的控件都支持该技术。

虚拟化

UI虚拟化是列表仅仅为当前显示项创建容器对象的一种技术。例如ListBox控件具有1000条记录,但是每次只能显示30条记录,则ListBox仅仅只创建30个ListBoxItem就可以了。

UI虚拟化技术其实并不是ItemsControl类的实现,而是使用VirtualizingStackPanel容器来实现的,它除了增加虚拟化的支持其他都和StackPanel功能类似。像ListBox、ListView、DataGrid等都是使用了该容器来布局子元素。注意:ComboBox使用的是StackPanel,所以不支持虚拟化,需要自定义ItemsPanelTemplate来实现虚拟化

xml 复制代码
<ComboBox>
    <ComboBox.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel/>
        </ItemsPanelTemplate>
    </ComboBox.ItemsPanel>
</ComboBox>

TreeView同样支持虚拟化,但是默认关闭。<TreeView VirtualizingStackPanel.IsVirtualizing="True"/>

破坏虚拟化意外情况

ScrollViewer中放置列表控件

ScrollViewer会提供无限的虚拟空间,但是如果在该虚拟空间中放置列表控件后(如ListBox),ListBox会以完整尺寸渲染本身,然后显示所有的子项,这样每项在内存中都有各自的ListBoxItem对象。其实将ListBox放到任何不限制其尺寸的容器中都有这个问题,比如将ListBox放到StackPanel中。

改变列表控件的模板并且没有使用ItemsPresenter

ItemsPresenter使用了ItemsPanelTemplate,该模板制定了VirtualizingStackPanel面板。

不使用数据绑定

使用编程的方式填充列表不会使用虚拟化。

容器再循环

当滚动支持虚拟化列表时,控件会不断释放旧的对象且创建新的项容器对象。但是启用了容器再循环,则保持少量的Items存活,滚动时加载这些Items,这样垃圾收集器不需要查找旧的对象并释放。默认DataGrid开启该特性。其他控件需自行设定。

<ListBox VirtualizingStackPanel.VirtualizationMode="Recycling"/>

缓存长度

VirtualizingStackPanel其实会多创建几个超过显示范围的子项,以便于滚动时直接显示。可以使用CacheLengthCacheLengthUnit调整缓存精度。缓存是以优先级较低的后台线程上进行缓存。

xml 复制代码
<!--缓存可见项之前和之后的附加页-->
<ListBox VirtualizingStackPanel.CacheLength="1" VirtualizingStackPanel.CacheLengthUnit="Page"/>
<!--缓存可见项之前和之后的100项-->
<ListBox VirtualizingStackPanel.CacheLength="100" VirtualizingStackPanel.CacheLengthUnit="Item"/>
<!--缓存可见项之前100,之后500项-->
<ListBox VirtualizingStackPanel.CacheLength="100,500" VirtualizingStackPanel.CacheLengthUnit="Item"/>

延迟滚动

延迟滚动可以让用户在滚动条上拖动滑块时不会更新列表显示。只有当用户释放了滑块后才刷新。

<ListBox ScrollViewer.IsDeferredScrollingEnabled="True"/>

VirtualizingStackPanel默认是基于项的滚动,也就是至少滚动显示出一个完整项目,可以自行设置是基于项的滚动还是像素的滚动。

<ListBox VirtualizingStackPanel.ScrollUnit="Pixel"/>

注意:ItemsControl本身默认不启用虚拟化

为ItemsControl开启虚拟化参考ItemsControl的常见用法最后一章节

相关推荐
集成显卡2 小时前
Lucide Icons:一套现代、轻量且可定制的 SVG 图标库
前端·ui·图标库·lucide
子春一4 小时前
Flutter for OpenHarmony:构建一个高精度 Flutter 计时器:深入解析 Timer、状态同步与 UI 响应式设计
flutter·ui
雨季6664 小时前
构建 OpenHarmony 简易文字行数统计器:用字符串分割实现纯文本结构感知
开发语言·前端·javascript·flutter·ui·dart
雨季6664 小时前
Flutter 三端应用实战:OpenHarmony 简易倒序文本查看器开发指南
开发语言·javascript·flutter·ui
小北方城市网4 小时前
Redis 分布式锁高可用实现:从原理到生产级落地
java·前端·javascript·spring boot·redis·分布式·wpf
暮云星影6 小时前
四、linux系统 应用开发:UI开发环境配置概述 (一)
linux·ui·arm
雨季6667 小时前
构建 OpenHarmony 随机颜色生成器:用纯数学生成视觉灵感
开发语言·javascript·flutter·ui·ecmascript·dart
暮疯不疯10 小时前
C#常见术语表格
开发语言·c#
Xxtaoaooo11 小时前
React Native 跨平台鸿蒙开发实战:UI 适配与响应式布局策略
react native·ui·harmonyos
雨季66611 小时前
构建 OpenHarmony 深色模式快速切换器:用一个按钮掌控视觉舒适度
flutter·ui·自动化