首先看看我的完整效果圖吧,感興趣的話歡迎繼續往下閱讀:
這是一個自定義View,先說一下大體思路吧,主要使用Canvas繪畫。
在繪畫之前我們先確定一下需要繪畫的尺寸,首先獲取一下默認寬高:·
然後需要確定圓環的半徑,需要默認高度的一半-圓環上的實心圓半徑:
接下來就要初始化一下開始畫圓環的座標位置和圓上的實心圓開始座標位置:
根據進度畫圓弧,分成兩部分,一部分背景弧度,另一部分則是畫前景填充弧度:
然後畫圓弧上兩個實心標識:
1、畫結束標識:
2、畫圓環進度實心標識:
最後再Activity如何使用呢,其實很簡單只需要使用ObjectAnimator刷新進度,調用自定義View的相關方法就是了,接下來讓咱們看看吧:
直接調用該方法就可以動態畫進度圓環了:
好了到這裏已經基本結束了,如果有想看我的源碼的請歡迎star我的GitHub。
歡迎進入我的微信公衆號: