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

简介: Android自带的Progressbar默认就是圆形的,可以通过设置style属性style="?android:attr/progressBarStyleHorizontal"复制代码这样就能变成条状进度条,如下:<ProgressBar android:layout_width="match_parent" android:layout_height="wrap_content" style="?android:attr/progressBarStyleHorizontal"/>

前言


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再改变,这样就需要让它默认不执行动画。


需要设置两个属性android:indeterminateandroid:indeterminateOnly,都设置为false,如下:


<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后就可以看到进度条正常显示了。


目录
相关文章
|
XML Android开发 数据格式
Android实现ProgressBar旋转菊花加载的动画
Android实现ProgressBar旋转菊花加载的动画 在一些常见到的加载中需要显示一个加载动画,如旋转的菊花这样的动画效果,开发中有两种方案,一种是直接让设计师给出一个gif图片,然后写入到布局,另外一种,使用Android动画,把一张静止的图片动起来,本例用后者实现。
3954 0
|
5月前
|
XML 搜索推荐 Android开发
Android改变进度条控件progressbar的样式(根据源码修改)
本文介绍了如何基于Android源码自定义ProgressBar样式。首先分析了系统源码中ProgressBar样式的定义,发现其依赖一张旋转图片实现动画效果。接着分两步指导开发者实现自定义:1) 模仿源码创建一个旋转动画XML文件(放置在drawable文件夹),修改图片为自定义样式;2) 在UI控件中通过`indeterminateDrawable`属性应用该动画。最终实现简单且个性化的ProgressBar效果,附带效果图展示。
324 2
|
Java API Android开发
19. 【Android教程】进度条 ProgressBar
19. 【Android教程】进度条 ProgressBar
850 4
|
XML API Android开发
Android 自定义View 之 圆环进度条
Android 自定义View 之 圆环进度条
269 0
|
监控 Java API
Android经典实战之OkDownload:一个经典强大的文件下载开源库,支持断点续传
本文介绍的 OkDownload 是一个专为 Android 设计的开源下载框架,支持多线程下载、断点续传和任务队列管理等功能,具备可靠性、灵活性和高性能特点。它提供了多种配置选项和监听器,便于开发者集成和扩展。尽管已多年未更新,但依然适用于大多数文件下载需求。
1045 1
|
XML Java 开发工具
在Android中使用ProgressBar显示进度
在Android中使用ProgressBar显示进度
1588 2
|
传感器 Android开发 UED
Android统一设置页面竖屏
【6月更文挑战第4天】
443 8
|
XML Java Android开发
14. 【Android教程】文本输入框 EditText
14. 【Android教程】文本输入框 EditText
1372 2
|
XML Java Android开发
Android App开发音量调节中实现拖动条和滑动条和音频管理器AudioManager讲解及实战(超详细 附源码和演示视频)
Android App开发音量调节中实现拖动条和滑动条和音频管理器AudioManager讲解及实战(超详细 附源码和演示视频)
593 0