如何给progressbar圆形进度条设置颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何给progressbar圆形进度条设置颜色相关的知识,希望对你有一定的参考价值。

参考技术A android中ProgressBar自定义进度条的高度、颜色、圆角
很多人知道怎么改颜色,可是改高度就是胡扯了,居然想通过maxHeight去改。准确方法在这里:

下面这个改成了3-5个dp高度:

首先是样式文件,这里定义高度:本回答被提问者采纳

解决圆形进度条ProgressBar的几个问题

Android自带的Progressbar默认就是圆形的,可以通过style属性

style="?android:attr/progressBarStyleHorizontal"

变成条状进度条,如下:

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="?android:attr/progressBarStyleHorizontal"/>

当然这不是文章重点,我们想实现一个自定义的圆形进度条,用于文件下载等使用,需要改变进度条颜色。

解决一直转

而默认的Progressbar默认是有动画的,当它一展示立刻就转了起来,就是页面loading的样式。这样可以很轻松满足loading种没有明确进度的需求,改变其颜色也非常简单,添加属性android:indeterminateTint

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:indeterminateTint="@color/colorAccent"

当然对于这个动画还有很多属性可以设置,如:

  • android:indeterminate
  • android:indeterminateOnly
  • android:indeterminateDrawable
  • android:indeterminateDuration
  • android:indeterminateBehavior
  • android:indeterminateTint
  • android:indeterminateTintMode

但是我们需要的是它不能自己转,而且通过我们setProgress再改变,这样就需要让它默认不执行动画。

需要设置两个属性indeterminate和indeterminateOnly

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:indeterminateTint="@color/colorAccent"
    android:indeterminate="false"
    android:indeterminateOnly="false"/>

这样就不再执行动画了。

改变进度条颜色

上面去掉动画后,进度条不显示了!无论怎么设置setProgress。

因为我们还需要给进度条设置一个drawable

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:indeterminateTint="@color/colorAccent"
    android:indeterminate="false"
    android:indeterminateOnly="false"
    android:progressDrawable="@drawable/record_progress"/>

这个record_progress的代码:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/progress">
        <shape android:shape="ring">
            <gradient android:startColor="#fe9232"
                android:endColor="#fe9232"/>
        </shape>
    </item>
</layer-list>

注意android:id="@android:id/progress"这个是最关键的,因为setProgress这个函数会通过这个id获取drawable进行绘制。

之所以前面不显示了,就是因为通过这个id找不到任何drawable,所以没有任何绘制。

那么上面android:indeterminateTint呢?

这个只对动画有效,也就是说它只改变动画的颜色,我们不执行动画后,这个属性就没有任何用处的,也无法改变进度条颜色了。

同时要注意shape中的形状是ring,因为是圆形进度条,所以不能用其他形状。如果是条状进度条,就要换成别的。

设置完progressDrawable后就可以看到进度条正常显示了。

关注公众号:BennuCTech,获取更多干货!

以上是关于如何给progressbar圆形进度条设置颜色的主要内容,如果未能解决你的问题,请参考以下文章

Harmony OS — RoundProgressBar圆形进度条

如何更改圆形进度条的颜色?

解决圆形进度条ProgressBar的几个问题

解决圆形进度条ProgressBar的几个问题

Android自定义圆形ProgressBar

如何创建圆形样式进度条