如何在 Android 中的 LinearProgressBar 中添加渐变颜色和圆角指示器？

Question

这是我需要的进度指示器。

我从这个答案中得到了帮助。 Gradient color Progress Indicator

这是我到目前为止所取得的成就。

我的 Progressbar 背景可绘制为：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="@dimen/_11sdp" />
            <solid android:color="@color/cultured" />
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <clip android:clipOrientation="horizontal">
            <shape android:shape="rectangle">
                <corners android:radius="@dimen/_11sdp" />
                <gradient
                    android:endColor="@color/colorPrimary"
                    android:startColor="@color/deep_peach" />
            </shape>
        </clip>
    </item>

</layer-list>

我的进度条代码是：

 <ProgressBar
                android:id="@+id/viewLinearProgress"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dp"
                android:layout_height="4dp"
                android:layout_marginStart="@dimen/_6sdp"
                android:layout_marginTop="@dimen/_19sdp"
                android:layout_marginEnd="@dimen/_14sdp"
                android:progress="60"
                android:progressDrawable="@drawable/gradient_progressbar"
                app:layout_constraintEnd_toStartOf="@id/tvProgress"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@id/tvMessage" />

唯一的问题是——只有进度条指示器右侧的圆角没有解决。轨道没问题。

Answer 1

这是有效的

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background" android:top="@dimen/size_6" android:bottom="@dimen/size_6">
        <shape>

            <solid android:color="#B5B6B5"/>

            <corners android:radius="100dp" />
        </shape>
    </item>

    <item android:id="@android:id/progress"
        android:top="@dimen/size_4" android:bottom="@dimen/size_4">
        <clip>
            <scale android:scaleWidth="100%" android:scaleHeight="20">
                <shape>
                    <gradient android:endColor="#FF7400" android:startColor="#FFA119"  android:angle="180"/>
                    <corners android:radius="100dp" />
                </shape>
            </scale>
        </clip>
    </item>
</layer-list>

使用

<ProgressBar
    android:id="@+id/progressbar_insurance"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="@dimen/_14sdp"
    android:layout_marginTop="@dimen/_4sdp"
    android:indeterminate="false" />

希望这对你有用，如果不起作用，请告诉我...... :)