進度條相信你們都很熟悉了,
可是大部分狀況下,
都須要自定義一下,
否則過不了設計那一關。 git
若是想偷懶從網上找一個拿來用,
奈何要麼樣式不對,
要麼顏色不對,
要麼就是可定製型過低。 github
因此此次我爲你們帶來了這個Demo,
徹底用Canvas畫出來,
性能高,
可定製型強,
拒絕圖片拼接,
最重要的是,
註釋寫的很全,
邏輯很清晰,
你懂得😏 性能
話很少說,
看下效果吧,
目前內置了三種進度條,
並且會不定時更新,
關注的話點個Star吧。spa
一、節點進度條:
設計
二、圓環進度條:
圖片
三、移動數字進度條:
資源
既然是自定義View,
那麼有自定義屬性固然會如虎添翼了,
那就來看一下自定義屬性吧: rem
公共屬性:get
屬性 | 含義 | 類型 |
---|---|---|
progress | 默認進度 | int |
progressMax | 最大進度 | int |
lineHeight | 進度條線條高度 | int |
colorFinished | 已完成的進度條的顏色 | color |
colorUnfinished | 未完成的進度條的顏色 | color |
節點進度條獨有屬性:it
屬性 | 含義 | 類型 |
---|---|---|
nounCount | 節點數量 | int |
nounHeight | 節點高度 | int |
圓環進度條獨有屬性:
屬性 | 含義 | 類型 |
---|---|---|
lineWidth | 線的寬度 | int |
color | 圓圈的顏色 | color |
imgType | 內容類型 | 枚舉 |
not | 沒有圖片 | |
success | 對號 | |
error | 叉號 | |
progress | 當前進度 | |
picture | 圖片 | |
pictureSrc | 圖片的資源路徑 | reference |
pictureMargin | 圖片與圈的間距 | int |
移動數字進度條獨有屬性:
屬性 | 含義 | 類型 |
---|---|---|
textSize | 數字大小 | int |
代碼很簡單,
註釋也很全,
若是仍是有疑問的地方,
歡迎在文章下評論,
或者加入QQ討論羣:569614530,
羣裏找我,
我是塵少。
本文github連接:
https://github.com/Bamboy1203...
也能夠先下載apk安裝體驗: