WPF DataGrid OxyPlot 卡顿优化

2021/12/24 23:07:04

本文主要是介绍WPF DataGrid OxyPlot 卡顿优化,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

不是优化,我是想用这个标题吸引遇到相同问题的同学过来看看。

UI如下,左边DataGrid有7列,右边OxyPlot显示折线图 

 

列表4000+数据,折线图4000+个点,页面卡的用不了。

体现就是列表滚动时 滚轮滚动2秒后列表开始一帧一帧的动。。

 

第一时间DataGrid开启虚拟化,EnableRowVirtualization="True" EnableColumnVirtualization="True" VirtualizingPanel.VirtualizationMode="Recycling" VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.IsContainerVirtualizable="True"

结果只是好了一点点,滚轮滚动1秒后列表开始一帧一帧的动。

 

此时我还没有发现 OxyPlot 的问题。

 

花了一天时间,谷歌到的都是说WPF的效率差。。。我发现近期的帖子比较少,毕竟现在WPF开发者较少。

抛开代码,清空一下大脑再想想。4000+行数据,只有7列,都是string,就算效率再差也不可能这么差吧。最后使用排除大法。把折线图删掉,UI丝滑的很!!! WPF性能不差,同学们优化UI时,记得看一眼是不是其他控件引起的。

 

OxyPlot代码

<oxy:LineSeries Title="{Binding LineTitle1}" ItemsSource="{Binding ChartPointList}" MarkerType="Circle" IsManipulationEnabled="True" Color="#FFF74D4D"/>

排除法,删掉列表只留折线图,卡到爆,点越多越卡。看下官方demo,demo里2万个点还很流畅。

解决办法:还是用的排除大法   删除掉MarkerType属性

<oxy:LineSeries Title="{Binding LineTitle1}" ItemsSource="{Binding ChartPointList}" IsManipulationEnabled="True" Color="#FFF74D4D"/>    

猜测他每一个点都是圆圈,他可能是在页面上添加了n个控件导致UI卡顿,可能是Range,我没来得及看他的源码。

 

总结:

UI卡,不都是DataGrid的锅。至于为什么其他控件导致DataGrid也非常卡,我不清楚,希望有大神指教一下。

 

 

OxyPlot中文文档少,遇到很多问题只能自己一个属性一个属性实验。但这个组件真的很好用。还是免费的。



这篇关于WPF DataGrid OxyPlot 卡顿优化的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程