圆点进度的封装(layer画图)

我又回来啦!!!

先给上个图,因为这个东西具体不好描述,可以自己修改修改做成很多东西。

本来公司的项目很简单,也用不到这个需求,后来大改版(这里吐槽一下UI!!!),也就有了现在的这个需求。

贴一下需求,就是这个图外层的小圈

圆点进度的封装(layer画图)_第1张图片
F579161D-AF49-4614-A0AF-FCA468694D72.png

项目需求是根据每次检测后的结果,做出一个一个的点表示百分比,而且不同的结果,显示百分比的点颜色也不能一样!!!

在网上找了很多的demo,始终没有合适的,最后自己还是硬着头皮写了。一开始写的很艰难,因为一开始思路就是错的。。。

后来还好有人给我指点了一下,思路一下子就开了,蹭蹭的就实现了。哈哈哈哈哈

先来说下实现思路:
1、确定一个绘制图层的中心点
2、先画一个小椭圆(这里是需求!!!)很简单的就可以画出来了,画完之后,肯定要偏移一个角度再画,不然怎么能围成一个圆呢! 重点来了!!!这时候不要去改变下一个画的小椭圆的位置!!!改变的是layer层的位置!!!也就是通过旋转画布,达到围成一个圆的效果!!!相信我,这样是最简单的!!!别问我是怎么知道的。。。我是纠结了一整天才找到这个合适的思路!!!
3、画完之后,当然要再画一个相同的在上面,这样才能有颜色上的区分,显示出百分比的感觉!!!主要的核心就是旋转画布达到画外圆的效果!!!

最后贴一下git地址,下载的只有两个文件,可能需要做一点修改。
https://github.com/bommmmmmm/LPProgress.git

轻砖~~~~~~~~~

你可能感兴趣的:(圆点进度的封装(layer画图))