接到项目,需要做一个可拖动的彩虹进度条(可拖动的多弧线进度条),直接上图。
思路:1.参考了https://blog.youkuaiyun.com/oQinYou/article/details/79131468?utm_source=blogxgwz8,
2.这个demo是一个可拖动的圆,但是画圆弧只需要画四分之一就行了,方法是
canvas.drawArc(mOval, 180, 90, false, mCirqueBgPaint);,背景弧线和可拖动圆弧线都是这样的
3.画第二条弧线只需要把画笔的坐标调整下,x,y增加20.f的距离就行了。
4。其他思路还是详见代码吧。
源码地址:https://download.youkuaiyun.com/download/xiao_ning_123/11168328
2019-06-25彩虹条进一步更新,修改了滑动不够流畅,点击按钮可以变化粗细的问题,自定义控件内部还增加了自动刷新。以下地址是新代码地址(仅上传了自定义控件部分):https://download.youkuaiyun.com/download/xiao_ning_123/11258122
备注:MainActivity中增加 cirque_progress1.setLine(3); cirque_progress1.invalidate();可以完成按钮点击时画笔粗细变化。
代码中可能有bug,请多多指教,欢迎在下方留言。