我又回来啦!!!
先给上个图,因为这个东西具体不好描述,可以自己修改修改做成很多东西。
本来公司的项目很简单,也用不到这个需求,后来大改版(这里吐槽一下UI!!!),也就有了现在的这个需求。
贴一下需求,就是这个图外层的小圈
项目需求是根据每次检测后的结果,做出一个一个的点表示百分比,而且不同的结果,显示百分比的点颜色也不能一样!!!
在网上找了很多的demo,始终没有合适的,最后自己还是硬着头皮写了。一开始写的很艰难,因为一开始思路就是错的。。。
后来还好有人给我指点了一下,思路一下子就开了,蹭蹭的就实现了。哈哈哈哈哈
先来说下实现思路:
1、确定一个绘制图层的中心点
2、先画一个小椭圆(这里是需求!!!)很简单的就可以画出来了,画完之后,肯定要偏移一个角度再画,不然怎么能围成一个圆呢! 重点来了!!!这时候不要去改变下一个画的小椭圆的位置!!!改变的是layer层的位置!!!也就是通过旋转画布,达到围成一个圆的效果!!!相信我,这样是最简单的!!!别问我是怎么知道的。。。我是纠结了一整天才找到这个合适的思路!!!
3、画完之后,当然要再画一个相同的在上面,这样才能有颜色上的区分,显示出百分比的感觉!!!主要的核心就是旋转画布达到画外圆的效果!!!
最后贴一下git地址,下载的只有两个文件,可能需要做一点修改。
https://github.com/bommmmmmm/LPProgress.git
轻砖~~~~~~~~~