创建具有两层的自定义圆形进度条

Question

我想创建两种颜色的圆形进度条

请检查圆形进度条的图像

Answer 1

创建自定义绘图 xml 文件并将此绘图设置为您的进度条

检查下面的答案

<item>
    <rotate
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="infinite"
        android:toDegrees="1080">
        <shape
            android:innerRadiusRatio="3"
            android:shape="ring"
            android:thicknessRatio="12"
            android:useLevel="false">

            <size
                android:width="76dip"
                android:height="76dip"/>
            <gradient
                android:angle="0"
                android:endColor="@color/colorPrimary"
                android:startColor="@color/colorPrimary"
                android:type="linear"
                android:useLevel="false"
                />
        </shape>
    </rotate>
</item>
<item>
    <rotate
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="infinite"
        android:toDegrees="1080">
        <shape
            android:innerRadiusRatio="3"
            android:shape="ring"
            android:thicknessRatio="22"
            android:useLevel="false">

            <size
                android:width="76dip"
                android:height="76dip"/>
            <gradient
                android:angle="0"
                android:endColor="@android:color/white"
                android:startColor="@android:color/transparent"
                android:type="sweep"
                android:useLevel="false"
                />
        </shape>
    </rotate>
</item>

将此可绘制对象设置为您的进度条

 <ProgressBar
            android:id="@+id/loadingbar"
            style="?android:attr/progressBarStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/img"
            android:layout_centerInParent="true"
            android:indeterminateDrawable="@drawable/custom_progress_bar" />

希望对您有所帮助

用你的第二种颜色代替@color/colorPrimary

创建具有两层的自定义圆形进度条

Create Custom circular progressbar with two layer

android

android-layout

layer-list