WPF列表性能提高技术

举报
步步为营 发表于 2023/10/10 10:20:49 2023/10/10
【摘要】 WPF数据绑定系统不仅需要绑定功能,还需要能够处理大量数据而不会降低显示速度和消耗大量内存,WPF提供了相关的控件以提高性能,所有继承自`ItemsControl`的控件都支持该技术。

WPF列表性能提高技术

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

虚拟化

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

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

<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调整缓存精度。缓存是以优先级较低的后台线程上进行缓存。

<!--缓存可见项之前和之后的附加页-->
<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的常见用法最后一章节

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。