我又回來啦U煌稀A帷!
先給上個(gè)圖涩哟,因?yàn)檫@個(gè)東西具體不好描述索赏,可以自己修改修改做成很多東西。
本來公司的項(xiàng)目很簡單贴彼,也用不到這個(gè)需求潜腻,后來大改版(這里吐槽一下UI!F髡獭H诨痢)童番,也就有了現(xiàn)在的這個(gè)需求。
貼一下需求威鹿,就是這個(gè)圖外層的小圈
項(xiàng)目需求是根據(jù)每次檢測(cè)后的結(jié)果剃斧,做出一個(gè)一個(gè)的點(diǎn)表示百分比,而且不同的結(jié)果忽你,顯示百分比的點(diǎn)顏色也不能一樣S锥!科雳!
在網(wǎng)上找了很多的demo根蟹,始終沒有合適的,最后自己還是硬著頭皮寫了糟秘。一開始寫的很艱難简逮,因?yàn)橐婚_始思路就是錯(cuò)的。尿赚。散庶。
后來還好有人給我指點(diǎn)了一下,思路一下子就開了凌净,蹭蹭的就實(shí)現(xiàn)了督赤。哈哈哈哈哈
先來說下實(shí)現(xiàn)思路:
1、確定一個(gè)繪制圖層的中心點(diǎn)
2泻蚊、先畫一個(gè)小橢圓(這里是需求6闵唷!P孕邸)很簡單的就可以畫出來了没卸,畫完之后,肯定要偏移一個(gè)角度再畫秒旋,不然怎么能圍成一個(gè)圓呢约计! 重點(diǎn)來了!Gㄉ浮煤蚌!這時(shí)候不要去改變下一個(gè)畫的小橢圓的位置!O肝浴尉桩!改變的是layer層的位置!L懊怼蜘犁!也就是通過旋轉(zhuǎn)畫布,達(dá)到圍成一個(gè)圓的效果V褂省U獬取奏窑!相信我,這樣是最簡單的G0Nā!別問我是怎么知道的鹰晨。筑凫。。我是糾結(jié)了一整天才找到這個(gè)合適的思路2⒋濉!滓技!
3哩牍、畫完之后,當(dāng)然要再畫一個(gè)相同的在上面令漂,這樣才能有顏色上的區(qū)分膝昆,顯示出百分比的感覺!5亍荚孵!主要的核心就是旋轉(zhuǎn)畫布達(dá)到畫外圓的效果!N吵收叶!
最后貼一下git地址,下載的只有兩個(gè)文件共苛,可能需要做一點(diǎn)修改判没。
https://github.com/bommmmmmm/LPProgress.git
輕磚~~~~~~~~~