正文 

当前位置： 首页 > IT > java教程

解决圆形进度条progressbar的几个问题(代码片段)

BennuCTech BennuCTech     2022-11-30     562

关键词：

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圆形进度条设置颜色

参考技术AAndroid中ProgressBar自定义进度条的高度、颜色、圆角很多人知道怎么改颜色，可是改高度就是胡扯了，居然想通过maxHeight去改。准确方法在这里：下面这个改成了3－5个dp高度：首先是样式文件，这里定义高度：本回答被... 查看详情

如何创建圆形样式进度条

...创建圆形样式进度条【英文标题】：HowtocreateaCircularStyleProgressBar【发布时间】：2011-06-1918:24:09【问题描述】：我需要帮助来实现这样的循环进度条：我应该如何通过增加Value属性来实现Circle来填充？【问题讨论】：相关链接已损... 查看详情

Android自定义圆形ProgressBar方向

】Android自定义圆形ProgressBar方向【英文标题】：AndroidcustomcircularProgressBardirection【发布时间】：2017-12-0615:33:45【问题描述】：我有一个自定义的循环进度条。这是我必须确定的可绘制对象：<?xmlversion="1.0"encoding="utf-8"?><layer-... 查看详情

镜像（翻转）视图/进度条

...镜像（翻转）视图/进度条【英文标题】：Mirror(flip)aView/ProgressBar【发布时间】：2012-12-1022:22:08【问题描述】：我有一个定制的圆形进度条，用于时钟上的秒计数器，我想翻转它，以便时钟逆时针计数。在这里搜索解决方案，我发... 查看详情

如何创建自定义进度条

】如何创建自定义进度条【英文标题】：HowtoCreateCustomProgressBar【发布时间】：2019-03-1108:16:09【问题描述】：编辑：问题1)已解决。但是我仍然无法更改为ProgressBar的color。我尝试使用我自己的theme（参见下面的代码）。我希望我的... 查看详情

Angular SVG圆形进度条不适用于Ionic

...ularSVG圆形进度条不适用于Ionic【英文标题】：AngularSVGroundprogressbarnotworkforIonic【发布时间】：2018-04-1413:04:10【问题描述】：我为我的ionic项目阅读并安装了这个AngularSVGroundprogressbar，但它对我不起作用，https://github.com/crisbeto/angular-... 查看详情

android基础知识4-3.7progressbar（进度条）详解

一、简介        ProgressBar（进度条）是UI界面中一种非常实用的组件，通常用于向用户像是某个耗时操作完成的百分比。进度条可动态地显示进度，因此避免长时间地执行某个操作时，让用户感觉程... 查看详情

如何在kivy中制作圆形进度条？

...念的正确示例。如下图所示。我想发展。请任何人帮助我解决这个问题。【问题讨论】：我已经改进了我的最后一个答案以添加文本和更简单的可用性，希望这会 查看详情

qt第三方圆形进度条-及其改进

...背景透明支持不够完善，内圆的背景无法实现透明，为了解决此问题，下面对此控件进行了一些修订，实现完整的圆形进度条。QR 查看详情

带 ProgressBar 的 CountDownTimer，重启应用时继续进度条

】带ProgressBar的CountDownTimer，重启应用时继续进度条【英文标题】：CountDownTimerwithProgressBar,continuingprogressbarwhenrestartingtheapp【发布时间】：2022-01-0922:32:13【问题描述】：我有一个显示CountdownTimer进度的ProgressBar。ProgressBar工作除了当... 查看详情

progressbar---进度条

...近在处理标题进度条时，耗费了一些时间，现在总结一下ProgressBar的相关知识，有不对的地方请大神们批评指正！进度条主要有以下三种：1.对话框进度条2.标题进度条  注意：requestWindowFeature(),setContentView(),setProgressBarIndete... 查看详情

android的progressbar问题：如何设置progressbar的宽度？

...200dip"进度条的宽度（就是进度条的高度）如何设置？ProgressBar的layout_width属性设置的是整个组件的宽度值，并非进度条图片宽度值。该图片是一个复合层次剪切图，具体大小由你设置的progressDrawable属性所指定的图片决定。如... 查看详情

progressbar(进度条)

本节引言：本节给大家带来的是Android基本UI控件中的ProgressBar(进度条)，ProgressBar的应用场景很多，比如用户登录时，后台在发请求，以及等待服务器返回信息，这个时候会用到进度条；或者当在进行一些比较耗时的操作，需要等... 查看详情

winform进度条的问题，请高手指点

...ot;);if(!sc.Status.Equals(ServiceControllerStatus.Stopped))sc.Stop();使用ProgressBar进度条控件，需要事先知道启动或停止花费的总时间，然后根据时间来决定ProgressBar上的显示百分比。因为不同机器的配置不一样；SQL的版本不一样，所以启动或... 查看详情

[ue4]progressbar，进度条

...名为“testProgress”的UserWidget，添加一个名为“ProgressBar_0”的ProgressBar到默认容器CanvasPanel　　二、进度条进行如图所示设置，其中DrawAs一般选中“Image”　　三、更改不同的百分比，可以看到进度图片是逐渐展... 查看详情

androidprogressbar（进度条）的简单使用(代码片段)

圆形进度条只需要加入ProgressBar，默认即是圆形xml文件<LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical">< 查看详情

android踩坑日记：自定义水平和圆形progressbar样式

自定义水平和圆形ProgressBar样式1.自定义水平ProgressBar样式ProgressBar分为两种，我们能明确看到进度，不确定的就是不清楚、不确定一个操作需要多长时间来完成，这个时候就需要用的不确定的ProgressBar了。ProgressBar࿰... 查看详情

如何使进度条进度从边缘四舍五入？

...何使进度条进度从边缘四舍五入？【英文标题】：Howtomakeprogressbarprogressroundedfromedge?【发布时间】：2020-02-2105:29:32【问题描述】：我正在制作圆形和渐变色的自定义进度条。我做到了，但让它从边缘变圆是行不通的。这是我的进... 查看详情