Question

我制作了一些进度条，就像你在这张照片中看到的那样：

我一直在使用渐变来使进度条更具吸引力，但我想使用颜色区域（例如30％已满绿色，65％满黄色，85％满橙色，95 +％满是红色的。）

我已经看过帖子如何更改颜色，但我想更改渐变本身，所以我需要传递startColor，centerColor和endColor。

我有办法做到这一点吗？

这是我的进度条在xml中的样子：

<ProgressBar
    android:id="@+id/proteinProgressBar"
    style="@android:style/Widget.ProgressBar.Horizontal"
    android:layout_width="32dp"
    android:layout_height="150dp"
    android:layout_marginStart="12dp"
    android:progressDrawable="@drawable/progressbar_states" />

这就是progressbar_states drawable的样子：

<?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>
            <gradient
                android:startColor="#b7b7b5"
                android:centerColor="#e5e5e3"
                android:endColor="#FFF" />

            <!--<gradient-->
                <!--android:startColor="#777"-->
                <!--android:centerColor="#CCC"-->
                <!--android:endColor="#FFF" />-->

            <corners android:radius="10dp" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="vertical"
            android:gravity="bottom">
            <shape>
                <gradient
                    android:startColor="#32A6FF"
                    android:centerColor="#0090FF"
                    android:endColor="#3232FF" />
                <corners android:radius="10dp" />
            </shape>
        </clip>
    </item>
</layer-list>

Answer 1

如果其他人需要这个，我只是把它放在这里。

我刚用每个颜色区的渐变创建了一个单独的XML，然后我添加了一些代码将该XML应用到正确的进度条。

Drawable draw = getDrawable(R.drawable.progressbar_states_red); // Example for red gradient
pb.setProgressDrawable(draw);

如何以编程方式设置进度条的颜色渐变？

1 个答案: