如何使用VectorDrawable作为ProgressBar

时间:2018-03-09 05:22:38

标签: android android-drawable android-progressbar android-vectordrawable

enter image description here

是否可以使用矢量绘图根据百分比着色弧。

1 个答案:

答案 0 :(得分:1)

在此处获得替代解决方案:Circular ProgressBar in android

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="220dp"
        android:layout_height="220dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:max="100"
        android:progress="90"
        android:progressDrawable="@drawable/circular"
        android:rotation="-90" />

    <TextView
        android:id="@+id/TextView_percentage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/progressBar"
        android:layout_alignLeft="@+id/progressBar"
        android:layout_alignRight="@+id/progressBar"
        android:layout_alignTop="@+id/progressBar"
        android:layout_gravity="center"
        android:gravity="center"
        android:text="90%" />

<强> circular.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadiusRatio="2.3"
    android:shape="ring"
    android:thickness="3.8sp"
    android:useLevel="true">
    <solid android:color="@color/colorPrimary" />
</shape>