Android简单自定义圆形和水平ProgressBar

最新推荐文章于 2024-05-07 18:00:19 发布
最新推荐文章于 2024-05-07 18:00:19 发布
阅读量10w+ 收藏 131
点赞数 26
分类专栏： Android 文章标签： progressbar seekbar ProgressBar更换背景 progressDrawable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mad1989/article/details/38042875
版权



ProgressBar简介


继承于View类，直接子类有AbsSeekBar和ContentLoadingProgressBar，其中AbsSeekBar的子类有SeekBar和RatingBar，可见这二者也是基于ProgressBar实现的。


1、ProgressBar有两个进度，一个是android:progress，另一个是android:secondaryProgress。后者主要是为缓存需要所涉及的，比如在看网络视频时候都会有一个缓存的进度条以及还要一个播放的进度，在这里缓存的进度就可以是android:secondaryProgress，而播放进度就是android:progress，有了secondProgress，可以很方便定制ProgressBar。

 2、ProgressBar分为确定的和不确定的，确定的是我们能明确看到进度，相反不确定的就是不清楚、不确定一个操作需要多长时间来完成，这个时候就需要用的不确定的ProgressBar了。属性android:indeterminate如果设置为true的话，那么ProgressBar就可能是圆形的滚动条或者水平的滚动条（由样式决定），但是我们一般时候，是直接使用Style类型来区分圆形还是水平ProgressBar的。

3、ProgressBar的样式设定其实有两种方式，在API文档中说明的方式如下：

  • Widget.ProgressBar.Horizontal
  • Widget.ProgressBar.Small
  • Widget.ProgressBar.Large
  • Widget.ProgressBar.Inverse
  • Widget.ProgressBar.Small.Inverse
  • Widget.ProgressBar.Large.Inverse
  使用的时候可以这样：style="@android:style/Widget.ProgressBar.Small"，另外还有一种方式就是使用系统的attr，下面的方式是系统的style：

  • style="?android:attr/progressBarStyle" 
  • style="?android:attr/progressBarStyleHorizontal" 
  • style="?android:attr/progressBarStyleInverse" 
  • style="?android:attr/progressBarStyleLarge" 
  • style="?android:attr/progressBarStyleLargeInverse" 
  • style="?android:attr/progressBarStyleSmall" 
  • style="?android:attr/progressBarStyleSmallInverse" 
  • style="?android:attr/progressBarStyleSmallTitle" 
   <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        style="@android:style/Widget.ProgressBar.Horizontal"（等同于@android:attr）
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

水平ProgressBar系统样式

我们去看一下style="?android:attr/progressBarStyleHorizontal"的源码，如下：

<pre name="code" class="java">    <style name="Widget.ProgressBar.Horizontal">
        <item name="android:indeterminateOnly">false</item>
        <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:minHeight">20dip</item>
        <item name="android:maxHeight">20dip</item>
        <item name="android:mirrorForRtl">true</item>
    </style>
 一眼看出 
android:progressDrawable便是主角，继续看一下progress_horizontal的源码，如下： 

 

 

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source Project

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at

          http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#ff9d9e9d"
                    android:centerColor="#ff5a5d5a"
                    android:centerY="0.75"
                    android:endColor="#ff747674"
                    android:angle="270"
            />
        </shape>
    </item>
   
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#80ffd300"
                        android:centerColor="#80ffb600"
                        android:centerY="0.75"
                        android:endColor="#a0ffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
   
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#ffffd300"
                        android:centerColor="#ffffb600"
                        android:centerY="0.75"
                        android:endColor="#ffffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
   
</layer-list>
 

 这里面有3个item，分别为：background、secondProgress、progress，看名字就能知道其大概作用，我们比较关心的应该是后两个，其实把这个文件copy一份到自己的项目下，就可以随心所欲的修改shape属性：圆角、渐变等等。 

 


 
 

自定义水平ProgressBar
 

第一步，在drawable文件夹下新建一个progressbar_horizontal_1.xml：
 

 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- background -->
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/progress_patch_green">
    </item>
    <!-- progress -->
    <item android:id="@android:id/progress">
        <clip>
            <nine-patch android:src="@drawable/progress_patch_galy" />
        </clip>
    </item>
    <!-- second progress -->

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <nine-patch android:src="@drawable/progresspatch_blue" />
        </clip>
    </item>

</layer-list>
 

 上图中的progress和secondprogress中src的资源便是我自定义的，注意这三个之间的叠放顺序，background是最底层，中间的是progress最上层是second。 

 

第二步，标准一点，在style中新建我们自定义的style：mProgress_horizontal：
 

 

    <style name="mProgress_horizontal">
        <item name="android:indeterminateOnly">false</item>
        <item name="android:progressDrawable">@drawable/progressbar_horizontal_1</item><!-- progress_horizontal -->
        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:minHeight">20dip</item>
        <item name="android:maxHeight">20dip</item>
    </style>
 

 上图中prpgressDrawable资源便是指向了我们自定义的progressbar_horizontal_1，大功告成。 

 

第三步，组件引用：
 

 

    <ProgressBar
        android:id="@+id/progressBar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/progress_backround"
        android:padding="5dp"
        android:progress="50"
        style="@style/mProgress_horizontal"
        android:secondaryProgress="20"
        android:visibility="visible" />
 

 【附】 

 

在这里我们也可以省略第二步创建style，直接在组件中android:progressDrawable引用自己的progressbar_horizontal_1，如下：
 

 

    <ProgressBar
        android:id="@+id/progressBar1"
        android:indeterminate="false"
        android:indeterminateOnly="false"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/progress_backround"
        android:padding="5dp"
        android:progress="50"
        android:maxHeight="20dp"
        android:minHeight="20dp"
        android:progressDrawable="@drawable/progressbar_horizontal_1"
        android:secondaryProgress="20"
        />
 

 

 

 

第四步，效果图：
 


 
 


 
 


 
 

圆形ProgressBar系统样式
 

 

    <ProgressBar
        android:id="@+id/progressBar2"
        style="@android:attr/progressBarStyleLarge"
        android:layout_gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
 

 我们以progressBarStyleLarge为例进行探索，找到这个布局文件，源码如下： 

 

<style name="Widget.ProgressBar.Large">
　　<item name="android:indeterminateDrawable">@android:drawable/progress_large_white</item>
　　<item name="android:minWidth">76dip</item>
　　<item name="android:maxWidth">76dip</item>
　　<item name="android:minHeight">76dip</item>
　　<item name="android:maxHeight">76dip</item>
</style>
 

 同样一眼看出 
indeterminateDrawable便是主角了，继续看一下progress_large_white源码，如下： 

 

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/spinner_white_76"
    android:pivotX="50%"
    android:pivotY="50%"
    android:fromDegrees="0"
    android:toDegrees="360" />
 

 看到这里就透彻了，就是在这里spinner_white_76进行不停的旋转的，我们copy一下这个文件，就可以直接自定义了。 

 


 
 


 
 

自定义圆形ProgressBar
 第一步，在drawable文件夹下新建：progressbar_circle_1.xml，如下： 

 

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading" //自定义的菊花图片
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >

</rotate>
 

 第二步，在Style中定义mProgress_circle，如下： 

 

    <style name="mProgress_circle">
        <item name="android:indeterminateDrawable">@drawable/progressbar_circle_1</item>
        <item name="android:minWidth">25dp</item>
        <item name="android:minHeight">25dp</item>
        <item name="android:maxWidth">60dp</item>
        <item name="android:maxHeight">60dp</item>
    </style>
 

 支持大小自己随意定，别失真就好 

 

第三步，组件中引用，如下：
 

 

    <ProgressBar
        android:id="@+id/progressBar2"
        style="@style/mProgress_circle"
        android:layout_gravity="center_vertical"
        android:layout_width="match_parent"
        android:indeterminateDuration="1200"
        android:layout_height="wrap_content" />
 

 【附】 

 上面是通过一张图片填充 
android:indeterminateDrawable，我们也可以定义一个 
动画或者自定义 
颜色（shape）来实现，跟图片的用法一样： 

 

 

定义动画 progress_circle_loading,xml：
 

 

<?xml version="1.0" encoding="UTF-8"?>  
<animation-list android:oneshot="false"  
　　xmlns:android="http://schemas.android.com/apk/res/android">  
　　<item android:duration="100" android:drawable="@drawable/loading_1" />  
　　<item android:duration="100" android:drawable="@drawable/loading_2" />  
　　<item android:duration="100" android:drawable="@drawable/loading_3" />  
　　<item android:duration="100" android:drawable="@drawable/loading_4" />  
　　<item android:duration="100" android:drawable="@drawable/loading_5" />  
　　<item android:duration="100" android:drawable="@drawable/loading_6" />
</animation-list>
 

 style的indeterminateDrawable引入： 

<pre name="code" class="java"><item name="android:indeterminateDrawable">@drawable/progress_circle_loading</item>
 

 

 

定义shape颜色 progress_circle_shape.xml
 

 

<?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="360" >  
　　<shape  
　　　　android:innerRadiusRatio="3"  
　　　　android:shape="ring"  
　　　　android:thicknessRatio="8"  
　　　　android:useLevel="false" >  
　　　　<gradient  
　　　　　　android:centerColor="#FFFFFF"  
　　　　　　android:centerY="0.50"  
　　　　　　android:endColor="#1E90FF"  
　　　　　　android:startColor="#000000"  
　　　　　　android:type="sweep"  
　　　　　　android:useLevel="false" />  
　　</shape>  
</rotate>
 

 

 style的indeterminateDrawable引入： 

 

 

 <item name="android:indeterminateDrawable">@drawable/progress_circle_shape</item>
 

 


 
 

效果图如下：
 


 
 


 
 


 
 

 

 

SeekBar的原理是一样的，不信你看下图，我就是用的seekbar
 


 
 

最后来张全家福：
 


 
 


 

                

        

        

    




    

      

        

            

              
                
                  Never-say-Never
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    26
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    131
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  19
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Android中的花样ProgressBar含源码

				
			

			

				

					05-27
				

			

		

		

			
				
多式样ProgressBar，各大小样式圆形ProgressBar，长形进度条，ProgressDialog 中的圆形进度条，AlertDialog 中的圆形ProgressBar，App Widget 中的进度条。包含源码。

			
		

	



                

              
                



	

		

			

				
					
android 自定义圆形ProgressBar

				
			

			

				

					成长的味道
				

				

					02-23
					
					1390
					
				

			

		

		

			
				
ProgressBar简介




继承于View类，直接子类有AbsSeekBar和ContentLoadingProgressBar，其中AbsSeekBar的子类有SeekBar和RatingBar，可见这二者也是基于ProgressBar实现的。





1、ProgressBar有两个进度，一个是android:progress，另一个是android:secon

			
		

	



                


  
              

                


	

		

			

				
					
Android基础--自定义ProgressBar

					
最新发布

				
			

			

				

					star_nwe的博客
				

				

					05-07
					
					604
					
				

			

		

		

			
				
ProgressBar为进度条控件，有Indeterminate不确定模式和Determinate确定模式两种：①不确定模式通常使用圆形循环动画来表示类似“正在加载”的过程，进度无法确定，具有不确定性；②确定模式是通过将已发生的进度与总量的百分比显示在进度条上，比如下载或上传文件的数量等。

			
		

	





	

		

			

				
					
自定义SeekBar（ProgressBar实现SeekBar效果）去除两边间距

				
			

			

				

					u011739140的专栏
				

				

					02-23
					
					4101
					
				

			

		

		

			
				
众所周知，SeekBar作为安卓的常用控件之一，用来进行显示进度，但是SeekBar本身两边会留出空隙，不管怎么设置，进度条本身都不会与父布局贴近，但是需求又偏偏要贴近贴近而且刻度图标又不能少呢？不妨用ProgressBar来做吧，记下来备用~~
public class MatchSeekBar extends ProgressBar{
    protected Paint mPaint;

			
		

	



		

			
		



	

		

			

				
					
Android自定义圆弧进度条（半圆进度条） 圆弧渐变色进度条带指示 圆弧宽高可自由修改

				
			

			

				

					yeziyfx的专栏
				

				

					10-27
					
					6223
					
				

			

		

		

			
				
Android 自定义圆弧进度条，支持设置为圆形进度条，弧度圆形渐变色，进度指示条，进度文字。

			
		

	





	

		

			

				
					
android弧形进度条，有详细注释的，比较简单

				
			

			

				

					weixin_34377065的博客
				

				

					04-06
					
					319
					
				

			

		

		

			
				



Java code?




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
...

			
		

	





	

		

			

				
					
自定义 ProgressBar

				
			

			

				

					精彩生活，不惧挑战
				

				

					03-23
					
					926
					
				

			

		

		

			
				
自定义 ProgressBar自定义一个ProgressBar，按照自定义View的流程来进行。因为我们只是需要做一个外表比系统控件更酷炫的progressBar，它的功能不会发生改变，所以我们创建一个HorizontalProgress类，让它继承ProgressBar，这样我们就不用自己去实现一些ProgressBar本身需要的方法了。

			
		

	





	

		

			

				
					
Android 自定义各式各样的圆形ProgressBar

				
			

			

				

					06-20
				

			

		

		

			
				
总之，Android的自定义圆形ProgressBar是一个展示创意和提升应用品质的好方法。通过掌握自定义View的基本原理，开发者可以自由地设计各种各样的视觉效果，满足不同的设计需求。实践中，不断尝试和优化，你会发现自己...

			
		

	





	

		

			

				
					
Android三种方式实现ProgressBar自定义圆形进度条

				
			

			

				

					01-06
				

			

		

		

			
				
进度条样式在项目中经常可以见到，下面小编给大家分享Android三种方式实现ProgressBar自定义圆形进度条。 Android进度条有4种风格可以使用。 默认值是progressBarStyle。  设置成progressBarStyleSmall后，图标变小...

			
		

	





	

		

			

				
					
Android自定义带动画效果的圆形ProgressBar

				
			

			

				

					08-19
				

			

		

		

			
				
下面将详细介绍Android自定义带动画效果的圆形ProgressBar的实现原理和示例代码。  一、自定义View的实现   Android自定义带动画效果的圆形ProgressBar可以通过继承View类并重写onDraw方法来实现。onDraw方法是View...

			
		

	





	

		

			

				
					
Android  三种常用实现自定义圆形进度条 ProgressBar

				
			

			

				

					12-20
				

			

		

		

			
				
Android社区提供了许多优秀的第三方库，例如CircleProgress或ArcProgressStackView，它们提供丰富的样式和动画效果，使开发者能快速实现自定义圆形进度条。  1. 添加依赖库到build.gradle文件： ```groovy ...

			
		

	





	

		

			

				
					
自定义简单的ProgressBar

				
			

			

				

					qq_36425800的博客
				

				

					04-01
					
					1818
					
				

			

		

		

			
				
自学了Android这么长时间，一直没有怎么去接触自定义View，这段时间在一个简单的项目中需要用到一个的进度条来展示数据，于是想到了使用ProgressBar来实现，但是使用Android自带的ProgressBar样式比较难实现，于是决定自定义一个View来实现，同时也练习下自定义View的使用。写下来记录下，没怎么写过博文，格式比较乱，见谅！

这个ProgressBar是参考网上的一篇博客...

			
		

	





	

		

			

				
					
android processBar seekBar 定制（底部间隙问题）

				
			

			

				

					
				

				

					03-26
					
					2394
					
				

			

		

		

			
				
1、概述
安卓系统的ProcessBar 有横的竖的 还有圆的。
普通的进度条用系统的修改style 就可以实现。SeekBar样式和processBar类似，多了一个可以拖动的小图片


2、实现
2.1布局xml

        android:id="@+id/bar"
        style="@style/ProgressBar_load_gray"
     

			
		

	





	

		

			

				
					
Android自定义View之圆形进度条

				
			

			

				

					NextWram
				

				

					03-15
					
					4331
					
				

			

		

		

			
				
项目中有一个圆形进度条的效果，写下实现过程做记录

效果图
	首先创建一个CircleProgressView.java
	
public class CircleProgressView extends View {
    public CircleProgressView(Context context) {
        super(context);
    }

    public CircleProgressView(Context context, @Nullable Attribut.

			
		

	





	

		

			

				
					
【Kotlin】使用 ProgressBar 的样式属性来实现圆形进度条，进度使用gradient渐变效果

				
			

			

				

					资深全栈开发工程师
				

				

					06-20
					
					3035
					
				

			

		

		

			
				
Android ProgressBar 默认提供了水平和圆形两种进度条，水平进度条通过控件实现，而圆形进度条通过控件实现。如果想要将控件设置为圆形进度条，可以使用的样式属性来实现。首先，在布局文件中添加一个控件，并设置其样式为style在上面的代码中，我们设置了的样式为，并将属性设置为true，表示使用不确定模式。然后，在 styles.xml 文件中，定义一个名为的样式，将其父样式设置为，并将其样式属性设置为一个圆形进度条的 Drawable：

			
		

	





	

		

			

				
					
android圆形进度条ProgressBar颜色设置

				
			

			

				

					aoshiwenrou的专栏
				

				

					10-13
					
					2412
					
				

			

		

		

			
				
xml布局文件需加入如下的进度条构件： 

Java代码 




        android:id="@+id/loadProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indetermi

			
		

	





	

		

			

				
					
自定义ProgressBar

				
			

			

				

					why12345678901的博客
				

				

					02-18
					
					1091
					
				

			

		

		

			
				
android系统自带的progressbar样式比较单一，有时候不符合项目需求，比如要实现下图这样的progressbar的话，就不得不使用自定义view。

这个progressbar的原理是将canvas裁剪成一个圆形，并将canvas的涂上背景色，不断上涨的波浪其实是一个上边为贝塞尔曲线的矩形，当进度更新时矩形的高度和贝塞尔曲线的起始点会发生相应的变化。
首先，需要确定自定义view的相关属性，这里我定义了六个属性，分别是字体颜色、字体大小、进度条背景颜色、进度条颜色、进度条最大值以及进度条初始值。

			
		

	





	

		

			

				
					
自定义View之实现进度条（ProgressBar）

				
			

			

				

					xiaokang666的博客
				

				

					11-23
					
					576
					
				

			

		

		

			
				
自定义View之实现进度条（ProgressBar）

			
		

	





	

		

			

				
					
用layer-list实现弧形进度条

				
			

			

				

					weixin_33939380的博客
				

				

					08-04
					
					797
					
				

			

		

		

			
				
本文转载自：http://www.linuxidc.com/Linux/2013-04/82743.htm
之前我有写过如何用style或者是layer-list实现自定义的横向进度条（http://www.cnblogs.com/tianzhijiexian/p/3854105.html），最近看到网上有人写了个垂直的弧形进度条的实现方式，觉得思路很巧妙，值得学习和体会，便转载一下。
之前文...

			
		

	





	

		

			

				
					
android 自定义圆形progressbar,Android-自定义ProgressBar实现圆弧进度条

				
			

			

				

					05-24
				

			

		

		

			
				
实现圆弧进度条的自定义ProgressBar，可以使用Canvas和Paint来绘制。

首先，创建一个自定义的ProgressBar类，继承自ProgressBar类，并实现构造方法和onDraw方法：

```
public class CircleProgressBar extends ProgressBar {

    private Paint paint; // 画笔
    private int roundColor; // 圆环颜色
    private int progressColor; // 进度条颜色
    private int textColor; // 文字颜色
    private float textSize; // 文字大小
    private float roundWidth; // 圆环宽度
    private int max; // 最大进度
    private boolean textIsDisplayable; // 是否显示进度文字
    private int style; // 进度条样式
    public static final int STROKE = 0;
    public static final int FILL = 1;

    public CircleProgressBar(Context context) {
        this(context, null);
    }

    public CircleProgressBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CircleProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        // 获取自定义属性的值
        TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressBar);

        roundColor = mTypedArray.getColor(R.styleable.CircleProgressBar_roundColor, Color.RED);
        progressColor = mTypedArray.getColor(R.styleable.CircleProgressBar_progressColor, Color.GREEN);
        textColor = mTypedArray.getColor(R.styleable.CircleProgressBar_textColor, Color.GREEN);
        textSize = mTypedArray.getDimension(R.styleable.CircleProgressBar_textSize, 15);
        roundWidth = mTypedArray.getDimension(R.styleable.CircleProgressBar_roundWidth, 5);
        max = mTypedArray.getInteger(R.styleable.CircleProgressBar_max, 100);
        textIsDisplayable = mTypedArray.getBoolean(R.styleable.CircleProgressBar_textIsDisplayable, true);
        style = mTypedArray.getInt(R.styleable.CircleProgressBar_style, 0);

        mTypedArray.recycle();

        // 初始化画笔
        paint = new Paint();
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 获取圆心坐标和半径
        int centerX = getWidth() / 2;
        int centerY = getHeight() / 2;
        int radius = (int) (centerX - roundWidth / 2);

        // 绘制圆环
        paint.setColor(roundColor);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(roundWidth);
        paint.setAntiAlias(true);
        canvas.drawCircle(centerX, centerY, radius, paint);

        // 绘制进度条
        paint.setStrokeWidth(roundWidth);
        paint.setColor(progressColor);
        RectF oval = new RectF(centerX - radius, centerY - radius, centerX + radius, centerY + radius);
        switch (style) {
            case STROKE:
                paint.setStyle(Paint.Style.STROKE);
                canvas.drawArc(oval, 0, 360 * getProgress() / getMax(), false, paint);
                break;
            case FILL:
                paint.setStyle(Paint.Style.FILL_AND_STROKE);
                if (getProgress() != 0)
                    canvas.drawArc(oval, 0, 360 * getProgress() / getMax(), true, paint);
                break;
        }

        // 绘制文字
        paint.setStrokeWidth(0);
        paint.setColor(textColor);
        paint.setTextSize(textSize);
        paint.setTypeface(Typeface.DEFAULT_BOLD);
        int percent = (int) (((float) getProgress() / (float) getMax()) * 100);
        if (textIsDisplayable && percent >= 0) {
            String text = percent + "%";
            float textWidth = paint.measureText(text);
            canvas.drawText(text, centerX - textWidth / 2, centerY + textSize / 2, paint);
        }
    }

}
```

在这个类中，我们定义了几个自定义属性，包括圆环颜色、进度条颜色、文字颜色、文字大小、圆环宽度、最大进度、是否显示进度文字、进度条样式等。在构造方法中，我们获取了这些属性的值，并初始化了画笔。在onDraw方法中，我们首先获取了圆心坐标和半径，然后使用画笔绘制了圆环和进度条，最后绘制了进度文字。

接下来，在布局文件中使用这个自定义ProgressBar：

```
<com.example.circleprogressbar.CircleProgressBar
    android:id="@+id/circle_progressbar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    app:roundColor="#cccccc"
    app:roundWidth="5dp"
    app:progressColor="#FF4081"
    app:textColor="#FF4081"
    app:textSize="20sp"
    app:textIsDisplayable="true"
    app:style="STROKE" />
```

最后，在Java代码中设置进度值即可：

```
CircleProgressBar circleProgressBar = findViewById(R.id.circle_progressbar);
circleProgressBar.setProgress(50); // 设置进度为50%
```

这样就完成了自定义的圆弧进度条的实现。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 19

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值