Android简单实现一个颜色渐变的ProgressBar的方法
今天看一个教程，看到一个颜色渐变的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
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
android系统在静音模式下关闭camera拍照声音的方法
本文为大家详细介绍下android系统如何在静音模式下关闭camera拍照声音，具体的实现方法如下，感兴趣的朋友可以参考下哈2013-07-07
本文讲述的是一个手势解锁的库，可以定制显示隐藏宫格点、路径、并且带有小九宫格显示图，和震动！让你学会使用这个简单,高效的库，好了，具体内容详情大家通过本文学习吧2017-12-12
Android自定义View展示Wifi信号强弱指示方法示例
这篇文章主要给大家介绍了关于Android自定义View展示Wifi信号强弱指示的相关资料，文中通过示例代码介绍的非常详细，文末给出了完整的实例供大家参考学习，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-08-08
这篇文章主要介绍了Android 单双击实现的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
Android Activity切换(跳转)时出现黑屏的解决方法 分享
Android Activity切换(跳转)时出现黑屏的解决方法 分享，需要的朋友可以参考一下2013-06-06
这篇文章主要给大家介绍了关于Android实现Path平滑涂鸦效果的相关资料，通过本文介绍的方法修改后会让线条平滑很多，文中给出了详细的示例代码供大家参考学习，需要的朋友们下面随着小编来一起学习学习吧。2017-10-10
Flutter使用JsBridge方式处理Webview与H5通信的方法
这篇文章主要介绍了Flutter使用JsBridge方式处理Webview与H5通信的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要为大家详细介绍了Flutter之可滚动组件子项缓存 KeepAlive，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
Android实现Activity、Service与Broadcaster三大组件之间互相调用的方法详解
这篇文章主要介绍了Android实现Activity、Service与Broadcaster三大组件之间互相调用的方法,结合实例形式详细分析了Activity、Service与Broadcaster三大组件相互调用的原理,实现方法与相关注意事项,需要的朋友可以参考下2016-03-03
本篇文章主要介绍了搭建Android上的服务器 “实现隔空取物”的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
最新评论