android 自定义进度条颜色，进度条背景颜色

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

• 默认的进度条

   <ProgressBar
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="69dp"
            android:layout_width="280dp"
            android:layout_height="14dp"
            android:layout_centerHorizontal="true"
            android:max="100"
            android:progress="18" />

• 自定义的进度条

 <ProgressBar
            style="@style/ProgressBar"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="69dp"
            android:layout_width="280dp"
            android:layout_height="14dp"
            android:layout_centerHorizontal="true"
            android:max="100"
            android:progress="18" />

style="@style/ProgressBar" 是自定义的

在 values -> styles.xml 里面新建ProgressBar，如果项目里没有 styles.xml ，values右键新建一个，把下面的内容复制进去

 <style name="ProgressBar" parent="@android:style/Widget.ProgressBar.Horizontal">
        <item name="android:maxHeight">50dip</item>
        <item name="android:minHeight">8dip</item>
        <item name="android:indeterminateOnly">false</item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:progressDrawable">@drawable/progressbar</item>
    </style>

• @drawable下新建个 progressbar.xml id="@android:id/background"里面的颜色是背景 id="@android:id/progress"里面的颜色是进度条颜色

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background">
        <shape >
            <corners android:radius="5dip" />
            <gradient
                android:angle="270"
                android:centerY="0.75"
                android:endColor="#E7E6F0"
                android:startColor="#E7E6F0" />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">

        <clip >
            <shape >
                <corners android:radius="0dip" />
                <gradient
                    android:angle="270"
                    android:centerY="0.75"
                    android:endColor="#165CBC"
                    android:startColor="#85B0E9" />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">

        <clip >
            <shape >
                <corners android:radius="5dip" />
                <gradient
                    android:angle="270"
                    android:centerY="0.75"
                    android:endColor="#7766E7"
                    android:startColor="#7766E7" />
            </shape>

        </clip>
    </item>
</layer-list>

• android:id="@android:id/background" 进度条的背景色
• android:id="@android:id/secondaryProgress" 缓冲进度条的背景色（类似电影的缓存进度条）
• android:id="@android:id/progress" 进度的背景色
• 例如：改变progress里面的颜色值

<item android:id="@android:id/progress">
    <clip >
        <shape >
            <corners android:radius="5dip" />
            <gradient
                android:angle="270"
                android:centerY="0.75"
                android:endColor="#FF5722"
                android:startColor="#9C27B0" />
        </shape>

    </clip>
</item>

上面代码的效果图

• 如果有疑问欢迎留言讨论