200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 自定义android进度条渐变 自定义ProgressBar简单完成颜色渐变功能进度条

自定义android进度条渐变 自定义ProgressBar简单完成颜色渐变功能进度条

时间:2019-06-22 02:55:21

相关推荐

自定义android进度条渐变 自定义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颜色渐变功能完成!

转载时请注明出处及相应链接,本文永久地址:/14221.html

微信打赏

支付宝打赏

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。