iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >Android中怎么利用ProgressBar实现颜色渐变
  • 600
分享到

Android中怎么利用ProgressBar实现颜色渐变

2023-05-30 16:05:19 600人浏览 安东尼
摘要

Android中怎么利用ProgressBar实现颜色渐变,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1 . 上面的样式只是实现了颜色渐变,但它旋转和呈现的方式仍然是一个

Android中怎么利用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"

关于Android中怎么利用ProgressBar实现颜色渐变问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网精选频道了解更多相关知识。

--结束END--

本文标题: Android中怎么利用ProgressBar实现颜色渐变

本文链接: https://www.lsjlt.com/news/219864.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android中怎么利用ProgressBar实现颜色渐变
    Android中怎么利用ProgressBar实现颜色渐变,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1 . 上面的样式只是实现了颜色渐变,但它旋转和呈现的方式仍然是一个...
    99+
    2023-05-30
  • Android怎么实现颜色渐变动画效果
    本篇内容主要讲解“Android怎么实现颜色渐变动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android怎么实现颜色渐变动画效果”吧!效果图:一、Android中插值器TypeEva...
    99+
    2023-06-30
  • android颜色渐变动画效果怎么实现
    在Android中,你可以使用ValueAnimator和ArgbEvaluator类来实现颜色渐变动画效果。下面是一个简单的示例代...
    99+
    2023-08-18
    android
  • Android实现颜色渐变动画效果
    目录前言一、Android中插值器TypeEvaluator二、案例效果实现1.利用Android自带的颜色插值器ArgbEvaluator2.看看Android自带颜色插值器Arg...
    99+
    2022-11-13
  • css中怎么实现文字颜色渐变
    小编给大家分享一下css中怎么实现文字颜色渐变,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!基础样式:.gradient-text{text-align: left;text-indent:30px;line-h...
    99+
    2023-06-08
  • 怎么用css3实现颜色渐变按钮
    本篇内容介绍了“怎么用css3实现颜色渐变按钮”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!  之前为大家...
    99+
    2022-10-19
  • CSS3颜色渐变是怎么实现的
    这篇文章主要介绍“CSS3颜色渐变是怎么实现的”,在日常操作中,相信很多人在CSS3颜色渐变是怎么实现的问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3颜色渐变是怎么实...
    99+
    2022-10-19
  • CSS怎么实现颜色渐变效果
    这篇文章主要介绍“CSS怎么实现颜色渐变效果”,在日常操作中,相信很多人在CSS怎么实现颜色渐变效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS怎么实现颜色渐变效果”...
    99+
    2022-10-19
  • Android Textview实现颜色渐变滚动效果
    本文实例为大家分享了Android颜色渐变滚动展示的具体代码,供大家参考,具体内容如下public class FlashTextView extends android.support.v7.widget.AppCompatTextVie...
    99+
    2023-05-30
    android textview 渐变
  • Android中怎么自定义渐变颜色效果
    Android中怎么自定义渐变颜色效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。xml定义渐变颜色首先,你在drawable目录下写一个xml,代码如下<xml&...
    99+
    2023-05-30
    android
  • css中颜色渐变如何实现
    小编给大家分享一下css中颜色渐变如何实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   一、LinearGradient...
    99+
    2022-10-19
  • android中实现背景图片颜色渐变方法
    常用,记录一下。 效果图: 首先新建xml文件  bg_gradient.xml 代码如下: <?xml version="1.0" encod...
    99+
    2022-06-06
    方法 图片 背景图 Android
  • 使用CSS3怎么实现颜色渐变效果
    本篇文章给大家分享的是有关使用CSS3怎么实现颜色渐变效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。<h2 class="site__title&...
    99+
    2023-06-08
  • CSS3怎么实现文字颜色的渐变
    小编给大家分享一下CSS3怎么实现文字颜色的渐变,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   在文本上加上颜色渐变  ...
    99+
    2022-10-19
  • css中怎么实现文字颜色渐变效果
    css中怎么实现文字颜色渐变效果,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。基础样式:.gradient-text{text-align:&...
    99+
    2022-10-19
  • css怎么实现背景颜色渐变效果
    本文小编为大家详细介绍“css怎么实现背景颜色渐变效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“css怎么实现背景颜色渐变效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先,在页面中创建一个div标签;...
    99+
    2023-07-04
  • Android中progressbar怎么设置进度条颜色
    在Android中,可以使用以下方法来设置进度条的颜色:1. 使用`android:progressDrawable`属性来设置进度...
    99+
    2023-08-09
    Android progressbar
  • 怎么在CSS3中使用颜色值RGBA与渐变色
    这篇文章给大家介绍怎么在CSS3中使用颜色值RGBA与渐变色,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。颜色值RGBA我们熟悉的rgb颜色标准,是由r(red)、g(green)、b(blue)三种颜色叠加变化形成各...
    99+
    2023-06-08
  • 怎么用CSS滤镜实现颜色渐变翻转效果
    本篇内容介绍了“怎么用CSS滤镜实现颜色渐变翻转效果 ”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一下是...
    99+
    2022-10-19
  • CSS3中颜色线性渐变的实现方法
    这篇文章主要讲解了“CSS3中颜色线性渐变的实现方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS3中颜色线性渐变的实现方法”吧!线性渐变可以设置3个...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作