最近在做音乐的播放界面,中间是一个旋转的圆形封面图。
第一个方案是在onDraw中先用Canvas.clipPath裁切出圆形然后drawBitmap,旋转采用属性动画。调试时发现持续运行大概三分钟后会开始出现掉帧,logcat开始显示跳帧。所以打开profiler查看运行状况。(调试用的是骁龙801的机子所以性能比较渣)
运行时CPU消耗:
??机子渣也不至于吧为了一个界面CPU消耗近半?
注意到下面Threads处,RenderThread在一直运行中。追踪一下方法先。
原来是你,clipPath,占了近半的时间。
由此可知clipPath中需要进行大量的计算,不适合在高频调用onDraw的情况下使用不然会导致线程卡顿。
第二个方案是使用BitmapShader配合drawCircle来实现圆形绘制,性能如下
RenderThread和UI线程的工作量明显减少,CPU平均占用13%左右(这个是真的因为手机太旧了四年前的骁龙801),换成小米8调试CPU占用1%。。突然有点庆幸自己用渣机调试不然还可能发现不了这个问题。