Android中如何利用ProgressBar实现颜色渐变

发布时间:2022-04-11 15:48:21 作者:iii
来源:亿速云 阅读:518

这篇文章主要介绍“Android中如何利用ProgressBar实现颜色渐变”,在日常操作中,相信很多人在Android中如何利用ProgressBar实现颜色渐变问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Android中如何利用ProgressBar实现颜色渐变”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

首先,我们实现上面的布局,背景灰色,一个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"

到此,关于“Android中如何利用ProgressBar实现颜色渐变”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. Android进度条progressbar
  2. 怎么在iOS中利用SwiftUI实现颜色渐变填充效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android progressbar

上一篇:Android中如何利用ScrollView自定义监听

下一篇:Android中怎么使用DrawerLayout侧滑控件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》