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其实会多创建几个超过显示范围的子项,以便于滚动时直接显示。可以使用CacheLength和CacheLengthUnit调整缓存精度。缓存是以优先级较低的后台线程上进行缓存。

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的常见用法最后一章节

相关推荐
传奇开心果编程8 分钟前
【声明式UI实用开发技术学与练】第5课 表单处理:受控与非受控
ui·移动开发·开发范式·编程框架·声明式ui
传奇开心果编程2 小时前
【声明式UI开发实用技术学与练】第9课 派生状态与计算
ui·移动开发·ux·编程框架·声明式ui
ZARD9964 小时前
Codex 连接 Figma:让 AI 读取 Figma UI 设计稿数据
ui·figma·codex
事圆则缓5 小时前
Android 一次性事件怎么设计:Channel、SharedFlow 还是 UI State?
android·ui
我命由我123455 小时前
Photoshop - Photoshop 使用魔棒工具选择单独的区域
学习·ui·职场和发展·求职招聘·职场发展·学习方法·photoshop
特立独行的猫a5 小时前
用仓颉语言给娃写了个打字练习游戏:cj-tauri 项目实战
游戏·ui·框架·tauri·仓颉·cangjie·cj-tauri
一条闲鱼_mytube5 小时前
高并发短链接系统设计
wpf
鑫 源5 小时前
C#源码开源, 获取macOS 电池数据,包括iOS (xamarin开发)
c#·.net·xamarin
传奇开心果编程5 小时前
【声明式UI开发实用技术学与练】第8课 状态提升与下放
学习·flutter·react native·ui·swiftui·composer
爱吃奥利奥_wen16 小时前
面向对象三板斧:封装、继承、多态,到底在“装“什么、“承“什么、“变“什么?
开发语言·经验分享·c#