類似QQ健康中當日步數圓弧顯示ColorArcProgressBar

1、在gradle中添加依賴

dependencies {
    ...
    compile 'com.github.shinelw:library:1.0.1'
}

2、XML

<com.shinelw.library.ColorArcProgressBar
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center_horizontal"
        android:id="@+id/bar1"
        app:is_need_content="true"
        app:front_color1="@color/colorAccent"
        app:max_value="100"
        app:back_width="10dp"
        app:front_width="10dp"
        app:total_engle="360"
        app:is_need_unit="true"
        app:string_unit="百分比%"
        app:back_color="@android:color/darker_gray"
        android:layout_marginBottom="150dp"
        />

3、代碼

progressbar.setCurrentValues(100);

4、自定義

1）定義圓弧度數

 app:total_engle="270"

2）定義漸變色

app:front_color1="#00ff00"
app:front_color2="#ffff00"
app:front_color3="#ff0000"

3)定義兩條圓弧的粗細

app:back_width="2dp"
app:front_width="10dp"

4)設置圓弧中顯示文字

app:is_need_unit="true"
app:string_unit="步"
app:is_need_title="true"
app:string_title="截止當前已走"

類似QQ健康中當日步數圓弧顯示：

5）設置圓弧外刻度值

  app:is_need_dial="true"

模擬儀表盤：

</div> </div>

項目地址： https://github.com/Shinelw/ColorArcProgressBar