Flutter动画性能, 官方flutter基础动画在真机上能跑到20-30%CPU

如题所述

第1个回答  2022-07-23

这是他提的 : https://github.com/flutter/flutter/issues/102020
用的是这个官方动画效果
( https://api.flutter.dev/flutter/widgets/ScaleTransition-class.html )

运行起来的效果 如下:就是在一个Column 中放置了3个的动画

目前测试App在前台,运行中的CPU的情况

打开App的时候 CPU的使用率 ,当App在做网络请求的时候,占用率会更加的高

这是打开百度翻译的APP CPU占有率

记不记得这个图片,电脑的CPU使用率,如果它的占用大于了60%,你就会发现电脑的风扇在拼命的转,而且电脑会运行过慢

但是手机好像没有像电脑那么严重,使用起来也没有那么卡,这个和手机的固件设计有关系

这是另外一个小伙伴的公司的App内存的占用情况

CPU使用率是性能测试是一项重要指标,CPU占用过高会使得设备运行程序出现卡顿与发热,甚至出现应用程序Crash,影响用户体验。在排除硬件环境的限制下,应用程序应该尽可能少的占用CPU。
一个Demo,3个动画的CPU使用率达到了80%,如果用java or kotlin 去实现应该不会有那么高的占有率,所以Flutter的还需要继续的优化。

(App性能测试—CPU使用率): https://cloud.tencent.com/developer/article/1858070