最近擼了一個(gè)圓形進(jìn)度條的開(kāi)源項(xiàng)目，算是第一次完完整整的使用自定義 View 。在此對(duì)項(xiàng)目開(kāi)發(fā)思路做個(gè)小結(jié)，歡迎大家 Star 和 Fork

該項(xiàng)目總共實(shí)現(xiàn)了三種圓形進(jìn)度條效果

  1. CircleProgress：圓形進(jìn)度條，可以實(shí)現(xiàn)仿 QQ 健康計(jì)步器的效果，支持配置進(jìn)度條背景色、寬度、起始角度，支持進(jìn)度條漸變

  2. DialProgress：類(lèi)似 CircleProgress，但是支持刻度

  3. WaveProgress：實(shí)現(xiàn)了水波紋效果的圓形進(jìn)度條，不支持漸變和起始角度配置，如需此功能可參考 CircleProgress 自行實(shí)現(xiàn)。

先上效果圖，有圖才好說(shuō)。
CircleProgress 效果圖
seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線(xiàn)營(yíng)銷(xiāo)培訓(xùn)?

DialProgress 和 WaveProgress 效果圖
seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線(xiàn)營(yíng)銷(xiāo)培訓(xùn)?

恩，那么接下來(lái)，就來(lái)講講怎么實(shí)現(xiàn)以上自定義進(jìn)度條的效果。

圓形進(jìn)度條

圓形進(jìn)度條是第一個(gè)實(shí)現(xiàn)的進(jìn)度條效果，用了我大半天的時(shí)間，實(shí)現(xiàn)起來(lái)并不復(fù)雜。

網(wǎng)友評(píng)論