我们在使用电脑或者手机时,经常会遇到进度条,比如下图:
开发之自定义ProgressBar简单完成颜色渐变功能进度条-progressbar进度条">
今天我来演示一下,如何做出简单并且漂亮的颜色渐变进度条。
首先我先新建了一个系统默认样式的进度条,代码如下:
运行后显示如下:
大家可以看出,并不是很好看,那么下面开始进行自定义进度条的编写吧!
首先为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颜色渐变功能完成!