效果圖
Github地址https://github.com/liuhaizhu/StateProgressView-master
實(shí)現(xiàn)流程
- 繪制一個(gè)從左到由逐漸填充的圓環(huán)
- 繪制一個(gè)從左到由逐漸變色的直線 映胁，可設(shè)置圓角
- 繼承FrameLayout,根據(jù)傳入的數(shù)據(jù)（幾個(gè)節(jié)點(diǎn)）結(jié)合設(shè)置的數(shù)據(jù)荆隘，確定共有幾個(gè)圓環(huán)和直線士飒，然后計(jì)算并設(shè)置這些子View的大小和位置，如果文字，計(jì)算文字位置和顯示文字的TextView大小
- 然后開始執(zhí)行動(dòng)畫熄攘，每個(gè)節(jié)點(diǎn)的動(dòng)畫繪制完成都會有一個(gè)回調(diào)動(dòng)作通知下一個(gè)節(jié)點(diǎn)執(zhí)行動(dòng)畫
How to use
Gradle Dependency
compile 'com.lhz:StateProgressView:1.0.1'
Attributes
Declare it inside your layout XML file like this:
<com.lhz.stateprogress.StateProgressView
android:id="@+id/spv"
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:color_circle_fill="#d81e06"
app:color_circle_stroke="#d81e06"
app:line_height="8dp"
app:is_line_radius="true"
app:radius_circle_fill="12dp"
app:radius_circle_stroke="16dp"
app:state_height="48dp"
app:color_text_normal="#bfbfbf"
app:color_line_state="#d81e06"
app:color_line_normal="#dbdbdb"
/>
Set value and Perform the animation
final StateProgressView spv= (StateProgressView) findViewById(R.id.spv);
//下方帶文字 設(shè)置節(jié)點(diǎn)集合 最后節(jié)點(diǎn)的index為4 直接執(zhí)行動(dòng)畫 list是String 類型的 index要小于list的數(shù)量
spv.setItems(list, 4, 200);
//下方帶文字 設(shè)置節(jié)點(diǎn)集合
spv.setItems(list);
//最后節(jié)點(diǎn)的index為2 每個(gè)節(jié)點(diǎn)動(dòng)畫時(shí)長為1000毫秒
spv.startAnim(2,1000);
//下方不帶文字 設(shè)置共有四個(gè)節(jié)點(diǎn) 最后節(jié)點(diǎn)的index為2 每個(gè)節(jié)點(diǎn)動(dòng)畫時(shí)長為1000毫秒
spv.setItems(4);
spv.startAnim(2,1000);
