如何以编程方式设置进度条的颜色渐变?
How to set the color gradient of a progress bar programmatically?
我制作了一些进度条,就像您在这张图片中看到的那样:
我一直在使用渐变来使进度条更具吸引力,但我想使用颜色区域(例如,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 可绘制对象的样子:
<?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>
我只是把它放在这里,如果有人需要的话。
我刚刚为每个颜色区域制作了一个单独的 XML 渐变,然后我添加了一些代码以将 XML 应用到正确的进度条。
Drawable draw = getDrawable(R.drawable.progressbar_states_red); // Example for red gradient
pb.setProgressDrawable(draw);
我制作了一些进度条,就像您在这张图片中看到的那样:
我一直在使用渐变来使进度条更具吸引力,但我想使用颜色区域(例如,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 可绘制对象的样子:
<?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>
我只是把它放在这里,如果有人需要的话。
我刚刚为每个颜色区域制作了一个单独的 XML 渐变,然后我添加了一些代码以将 XML 应用到正确的进度条。
Drawable draw = getDrawable(R.drawable.progressbar_states_red); // Example for red gradient
pb.setProgressDrawable(draw);