我们在使用电脑或者手机时，经常会遇到进度条，比如下图:

今天我来演示一下，如何做出简单并且漂亮的颜色渐变进度条。

首先我先新建了一个系统默认样式的进度条，代码如下：

运行后显示如下:

大家可以看出，并不是很好看，那么下面开始进行自定义进度条的编写吧！

首先为ProgressBar设置一个drawable，代码如下：

这个代码在哪呢，请回到上面新建系统默认样式进度条时，其中一个属性为  style=”@android:style/Widget.Holo.ProgressBar.Horizontal”这条设置了进度条的style为Widget.Holo.ProgressBar.Horizontal,我们点进去看一下代码，如下图：

，我们看到一条属性为progressDrawable,继续跟上，发现代码如下：

，其中有三个ID，分别为background,secondaryProgress和progress，其中background为进度条的背景，secondaryProgress不清楚何功能，据说是在网上看在线视频的时候，缓冲进度显示的那个灰色的进度条，这里不管，progress为进度条的样子。

我们新建一个名为progress的layer-listXML文件,我们把IDprogress的内容拷贝到progress中,增删其中代码如下：

，主要属性 ： 颜色为橙色到橙红色之间的渐变，圆角360dp表示左右两边为半圆.在ProgressBar中引用为:

:运行结果如下：

颜色渐变效果出现了，是不是挺好看的，这只是我自己加的颜色，如果有设计师提供精美图片，那么，还会更美丽。我们在他外面加层RelativeLayout，并设置一个shape，增加美观度，shape名字为shape_progressbar,

shape代码如下：

总代码如下

:

效果如下：

，至此，自定义progressbar颜色渐变功能完成!

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/14221.html

微信打赏

支付宝打赏

感谢您对作者kyle的打赏，我们会更加努力！    如果您想成为作者，请点我