美文网首页程序员
Android clipPath导致卡顿

Android clipPath导致卡顿

作者: nemuni | 来源:发表于2018-10-19 14:25 被阅读0次

    最近在做音乐的播放界面,中间是一个旋转的圆形封面图。
    第一个方案是在onDraw中先用Canvas.clipPath裁切出圆形然后drawBitmap,旋转采用属性动画。调试时发现持续运行大概三分钟后会开始出现掉帧,logcat开始显示跳帧。所以打开profiler查看运行状况。(调试用的是骁龙801的机子所以性能比较渣)

    运行时CPU消耗:

    onDraw中每次都clipPath

    ??机子渣也不至于吧为了一个界面CPU消耗近半?
    注意到下面Threads处,RenderThread在一直运行中。追踪一下方法先。


    找出大BOSS

    原来是你,clipPath,占了近半的时间。
    由此可知clipPath中需要进行大量的计算,不适合在高频调用onDraw的情况下使用不然会导致线程卡顿。

    第二个方案是使用BitmapShader配合drawCircle来实现圆形绘制,性能如下

    微信截图_20181016232606.png

    RenderThread和UI线程的工作量明显减少,CPU平均占用13%左右(这个是真的因为手机太旧了四年前的骁龙801),换成小米8调试CPU占用1%。。突然有点庆幸自己用渣机调试不然还可能发现不了这个问题。

    第三个方案是用RoundedBitmapDrawable直接生成圆形图,然后直接drawBitmap。调试后发现性能和第二方案基本持平。

    从实现过程看第二方案和第三方案的难度基本一样,都需要先把图片压缩、裁切成正方形。(不过在从mp3中提取封面图时发现提取到的图都已经是正方形的了)

    相关文章

      网友评论

        本文标题:Android clipPath导致卡顿

        本文链接:https://www.haomeiwen.com/subject/lzvyzftx.html