Android进度条ProgressBar颜色的渐变设置

Android进度条ProgressBar颜色的渐变设置

前言: Android系统并没有为我们提供设置进度条颜色渐变的属性、方法，使用系统的属性方法只能把进度条设置为一种颜色，看上去十分不美观。

1. 第一步

在res/drawable目录下新建自己的样式文件my_progressBar.xml文件。

<?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="5dp"/>
        </shape>
        <color android:color="#CCCCCC"/>
    </item>

    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="horizontal"
            android:gravity="left">
            <shape>
                <corners android:radius="5dp"/>
                <gradient
                    android:startColor="#00FF00"
                    android:centerColor="#FFFF00"
                    android:endColor="#FF0000"/>
            </shape>
        </clip>
    </item>
</layer-list>

就这样我们设置好了进度条的样式，让它刚开始时是绿色，随着进度条进度的增大，颜色逐渐变为黄色，最后将变为红色。

2. 第二步

创建好样式文件后，我们就能在布局文件中使用了。

<ProgressBar  
    android:id="@+id/progressBar"  
    style="?android:attr/progressBarStyleHorizontal"  
    android:layout_width="fill_parent"  
    android:layout_height="7.5dp"  
    android:max="100"  
    android:progress="80"   
    android:layout_marginRight="8dp"  
    android:progressDrawable="@drawable/my_progressBar"   
    android:visibility="visible"/>  

android:progressDrawable=“@drawable/my_progressBar”引用我们定义好的样式文件。

总结: 虽然Android系统并没有为我们提供设置进度条颜色渐变的属性、方法，但是我们通过自定义样式文件，同样能实现颜色渐变的、美观的进度条。