Android实现颜色渐变ProgressBar示例代码
时间:2022-06-25 06:55:58 编辑:袖梨 来源:一聚教程网
很多Android的开发人员,在对于ProgressBar方面还是非常关注的,很多人可能不是很清楚颜色渐变的ProgressBar实现方法,这里文章就给大家详细介绍下,感兴趣的一起来看看。
颜色渐变的ProgressBar
看到效果图可能会给人一种使用了高端技术的感觉,其实这个没有那么高深,我们只是简单改变了ProgressBar的样式即可实现,下面说说实现方式。
首先我们简单分析一下:
1 . 上面的样式只是实现了颜色渐变,但它旋转和呈现的方式仍然是一个圆形的ProgressBar。
2 . 这个ProgressBar实现了颜色渐变,我们就需要用到gradient,这个也比较简单,只要我们配置开始,中间,结束颜色即可实现 明白了上面两点我们就开始写代码。
首先,我们实现上面的布局,背景灰色,一个ProgressBar居中,一个TextView位于ProgressBar下方。 代码如下:
1 2 3 4 5 6 7 | <!--?xml version="1.0" encoding="utf-8"?--> < relativelayout xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:app = "http://schemas.android.com/apk/res-auto" xmlns:tools = "http://schemas.android.com/tools" android:layout_ = "" tools:context = "cn.codekong.androidloading.MainActivity" > < relativelayout android:layout_ = "" android:background = "#de262a3b" > < progressbar android:id = "@+id/loading" android:layout_ = "" android:layout_centerinparent = "true" android:indeterminate = "false" > < textview android:layout_ = "" android:layout_below = "@id/loading" android:text = "加载中" android:textcolor = "#ffffff" android:textsize = "20sp" android:layout_centerhorizontal = "true" > </ textview ></ progressbar ></ relativelayout > </ relativelayout > |
上面其他代码都很好理解,只有ProgressBar有一个 indeterminate 属相需要解释一下:
一般的ProgressBar都是用于显示加载进度,如果我们直到当前的具体进度,那个这个属性要设置为true,并设置正确的进度,如果我们也不知道正确的进度,则设置为false。
布局设置好了,下一步就是设置ProgressBar的渐变样式,这里我们需要自定义一个Drawable。
自定义的Drawable代码如下:
1 2 3 4 5 6 | <!--?xml version="1.0" encoding="utf-8"?--> < rotate xmlns:android = "http://schemas.android.com/apk/res/android" android:fromdegrees = "0" android:pivotx = "50%" android:pivoty = "50%" android:todegrees = "1080.0" > < shape android:innerradiusratio = "3" android:shape = "ring" android:thicknessratio = "10" android:uselevel = "false" > < gradient android:centercolor = "#FFDC35" android:centery = "0.50" android:endcolor = "#CE0000" android:startcolor = "#FFFFFF" android:type = "sweep" > </ gradient ></ shape > </ rotate > |
下面解释一下上面的代码:
外层的 rotate 表明这是一个旋转的动画,并且该规定了开始角度和结束角度,还有旋转中心为圆心
内层的shape定义了形状为一个环(ring),其中有三个属性:
<1> innerRadiusRatio 为外环半径和内径的比值,比如外环半径为30,内环半径为10,则比值为3
<2> thicknessRatio 为外环半径与环的厚度的比值
<3> useLevel 如果为true,则可以在LevelListDrawable中使用
接下来的 gradient 定义了渐变效果,规定了开始结束的颜色,还规定渐变方式为扫描渐变
最后一步,我们通过一个ProgressBar的属性给他设置我们上面定义的样式:
1 | android:indeterminateDrawable="@drawable/loading_drawable" |
经过上面的步骤我们就实现了一个简单的渐变的ProgressBar,是不是超级简单,希望可以帮助到需要的人。
源码地址: https://github.com/codekongs/Android-Learning/tree/master/AndroidLoading
相关文章
- 《弓箭传说2》新手玩法介绍 01-16
- 《地下城与勇士:起源》断桥烟雨多买多送活动内容一览 01-16
- 《差不多高手》醉拳龙技能特点分享 01-16
- 《鬼谷八荒》毕方尾羽解除限制道具推荐 01-16
- 《地下城与勇士:起源》阿拉德首次迎新春活动内容一览 01-16
- 《差不多高手》情圣技能特点分享 01-16