Android简单实现一个颜色渐变的ProgressBar的方法
作者:冰鉴IT 时间:2023-07-23 00:30:12
今天看一个教程,看到一个颜色渐变的ProgressBar,觉得有点意思,所以记录一番。
下面这个是效果图
颜色渐变的ProgressBar
看到效果图可能会给人一种使用了高端技术的感觉,其实这个没有那么高深,我们只是简单改变了ProgressBar的样式即可实现,下面说说实现方式。
首先我们简单分析一下:
1 . 上面的样式只是实现了颜色渐变,但它旋转和呈现的方式仍然是一个圆形的ProgressBar。
2 . 这个ProgressBar实现了颜色渐变,我们就需要用到gradient,这个也比较简单,只要我们配置开始,中间,结束颜色即可实现
明白了上面两点我们就开始写代码。
首先,我们实现上面的布局,背景灰色,一个ProgressBar居中,一个TextView位于ProgressBar下方。
代码如下:
<?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_width="match_parent"
android:layout_height="match_parent"
tools:context="cn.codekong.androidloading.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#de262a3b">
<ProgressBar
android:id="@+id/loading"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_centerInParent="true"
android:indeterminate="false"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/loading"
android:text="加载中"
android:textColor="#ffffff"
android:textSize="20sp"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
</RelativeLayout>
上面其他代码都很好理解,只有ProgressBar有一个 indeterminate 属相需要解释一下:
一般的ProgressBar都是用于显示加载进度,如果我们直到当前的具体进度,那个这个属性要设置为true,并设置正确的进度,如果我们也不知道正确的进度,则设置为false。
布局设置好了,下一步就是设置ProgressBar的渐变样式,这里我们需要自定义一个Drawable。
自定义的Drawable代码如下:
<?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"/>
</shape>
</rotate>
下面解释一下上面的代码:
外层的 rotate 表明这是一个旋转的动画,并且该规定了开始角度和结束角度,还有旋转中心为圆心
内层的shape定义了形状为一个环(ring),其中有三个属性:
<1> innerRadiusRatio 为外环半径和内径的比值,比如外环半径为30,内环半径为10,则比值为3
<2> thicknessRatio 为外环半径与环的厚度的比值
<3> useLevel 如果为true,则可以在LevelListDrawable中使用
接下来的 gradient 定义了渐变效果,规定了开始结束的颜色,还规定渐变方式为扫描渐变
最后一步,我们通过一个ProgressBar的属性给他设置我们上面定义的样式:
android:indeterminateDrawable="@drawable/loading_drawable"
经过上面的步骤我们就实现了一个简单的渐变的ProgressBar,是不是超级简单,希望可以帮助到需要的人。
源码地址: https://github.com/codekongs/Android-Learning/tree/master/AndroidLoading
来源:http://www.jianshu.com/p/477758dc5e8e
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Java4Android开发教程(二)hello world!
![](https://img.aspxhome.com/file/2023/7/123237_0s.png)
Java实例讲解动态代理
如何创建SpringBoot项目
![](https://img.aspxhome.com/file/2023/7/68167_0s.png)
Java 远程调用失败重试的操作方法
![](https://img.aspxhome.com/file/2023/7/129987_0s.jpg)
java编程小白进阶包的作用详解
![](https://img.aspxhome.com/file/2023/5/70915_0s.png)
elasticsearch数据信息索引操作action support示例分析
java面向对象设计原则之合成复用原则示例详解
![](https://img.aspxhome.com/file/2023/3/58893_0s.png)
C#中Dispose和Finalize方法使用介绍
Java递归寻路实现,你真的理解了吗
![](https://img.aspxhome.com/file/2023/5/69105_0s.png)
SpringBoot如何读取xml配置bean(@ImportResource)
![](https://img.aspxhome.com/file/2023/8/85888_0s.jpg)
Android10开发者常见问题(小结)
Java SE求解汉诺塔问题的示例代码
![](https://img.aspxhome.com/file/2023/1/61291_0s.png)
C#套接字(Socket)通信之UDP组播详解
JDK1.8安装与配置超详细教程
![](https://img.aspxhome.com/file/2023/9/62809_0s.jpg)
在Unity中使用全局变量的操作
![](https://img.aspxhome.com/file/2023/0/119550_0s.jpg)
一篇文章带你深入了解Java线程池
基于Rxjava实现轮询定时器
Android开发之ToggleButton实现开关效果示例
C#实现FTP客户端的案例
![](https://img.aspxhome.com/file/2023/3/126133_0s.jpg)