簡單實現各類樣式自定義進度條progress Demo(附源碼)

Bamboy進度條Demo

進度條相信你們都很熟悉了,
可是大部分狀況下,
都須要自定義一下,
否則過不了設計那一關。 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,
羣裏找我,
我是塵少。
掃碼加入QQ討論羣

本文github連接:
https://github.com/Bamboy1203...

也能夠先下載apk安裝體驗:
掃碼下載apk

相關文章
相關標籤/搜索