├── .gitattributes ├── .gitignore ├── .settings └── org.eclipse.jdt.core.prefs ├── AndroidManifest.xml ├── LICENSE ├── README.md ├── ic_launcher-web.png ├── libs └── android-support-v4.jar ├── proguard-project.txt ├── project.properties ├── res ├── drawable-hdpi │ └── ic_launcher.png ├── drawable-mdpi │ └── ic_launcher.png ├── drawable-xhdpi │ └── ic_launcher.png ├── drawable-xxhdpi │ └── ic_launcher.png ├── layout │ └── activity_main.xml ├── menu │ └── main.xml ├── values-sw600dp │ └── dimens.xml ├── values-sw720dp-land │ └── dimens.xml ├── values-v11 │ └── styles.xml ├── values-v14 │ └── styles.xml └── values │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── run.jpg └── src └── com └── lwz └── demo └── circularprogressbar ├── MainActivity.java └── widget ├── CircularProgressBar.java └── RateTextCircularProgressBar.java /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | *.sln merge=union 7 | *.csproj merge=union 8 | *.vbproj merge=union 9 | *.fsproj merge=union 10 | *.dbproj merge=union 11 | 12 | # Standard to msysgit 13 | *.doc diff=astextplain 14 | *.DOC diff=astextplain 15 | *.docx diff=astextplain 16 | *.DOCX diff=astextplain 17 | *.dot diff=astextplain 18 | *.DOT diff=astextplain 19 | *.pdf diff=astextplain 20 | *.PDF diff=astextplain 21 | *.rtf diff=astextplain 22 | *.RTF diff=astextplain 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # files for the dex VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # generated files 12 | bin/ 13 | gen/ 14 | 15 | # Local configuration file (sdk path, etc) 16 | local.properties 17 | 18 | # Eclipse project files 19 | .classpath 20 | .project 21 | -------------------------------------------------------------------------------- /.settings/org.eclipse.jdt.core.prefs: -------------------------------------------------------------------------------- 1 | eclipse.preferences.version=1 2 | org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6 3 | org.eclipse.jdt.core.compiler.compliance=1.6 4 | org.eclipse.jdt.core.compiler.source=1.6 5 | -------------------------------------------------------------------------------- /AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 10 | 11 | 16 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, and 10 | distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by the copyright 13 | owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all other entities 16 | that control, are controlled by, or are under common control with that entity. 17 | For the purposes of this definition, "control" means (i) the power, direct or 18 | indirect, to cause the direction or management of such entity, whether by 19 | contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the 20 | outstanding shares, or (iii) beneficial ownership of such entity. 21 | 22 | "You" (or "Your") shall mean an individual or Legal Entity exercising 23 | permissions granted by this License. 24 | 25 | "Source" form shall mean the preferred form for making modifications, including 26 | but not limited to software source code, documentation source, and configuration 27 | files. 28 | 29 | "Object" form shall mean any form resulting from mechanical transformation or 30 | translation of a Source form, including but not limited to compiled object code, 31 | generated documentation, and conversions to other media types. 32 | 33 | "Work" shall mean the work of authorship, whether in Source or Object form, made 34 | available under the License, as indicated by a copyright notice that is included 35 | in or attached to the work (an example is provided in the Appendix below). 36 | 37 | "Derivative Works" shall mean any work, whether in Source or Object form, that 38 | is based on (or derived from) the Work and for which the editorial revisions, 39 | annotations, elaborations, or other modifications represent, as a whole, an 40 | original work of authorship. For the purposes of this License, Derivative Works 41 | shall not include works that remain separable from, or merely link (or bind by 42 | name) to the interfaces of, the Work and Derivative Works thereof. 43 | 44 | "Contribution" shall mean any work of authorship, including the original version 45 | of the Work and any modifications or additions to that Work or Derivative Works 46 | thereof, that is intentionally submitted to Licensor for inclusion in the Work 47 | by the copyright owner or by an individual or Legal Entity authorized to submit 48 | on behalf of the copyright owner. For the purposes of this definition, 49 | "submitted" means any form of electronic, verbal, or written communication sent 50 | to the Licensor or its representatives, including but not limited to 51 | communication on electronic mailing lists, source code control systems, and 52 | issue tracking systems that are managed by, or on behalf of, the Licensor for 53 | the purpose of discussing and improving the Work, but excluding communication 54 | that is conspicuously marked or otherwise designated in writing by the copyright 55 | owner as "Not a Contribution." 56 | 57 | "Contributor" shall mean Licensor and any individual or Legal Entity on behalf 58 | of whom a Contribution has been received by Licensor and subsequently 59 | incorporated within the Work. 60 | 61 | 2. Grant of Copyright License. 62 | 63 | Subject to the terms and conditions of this License, each Contributor hereby 64 | grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, 65 | irrevocable copyright license to reproduce, prepare Derivative Works of, 66 | publicly display, publicly perform, sublicense, and distribute the Work and such 67 | Derivative Works in Source or Object form. 68 | 69 | 3. Grant of Patent License. 70 | 71 | Subject to the terms and conditions of this License, each Contributor hereby 72 | grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, 73 | irrevocable (except as stated in this section) patent license to make, have 74 | made, use, offer to sell, sell, import, and otherwise transfer the Work, where 75 | such license applies only to those patent claims licensable by such Contributor 76 | that are necessarily infringed by their Contribution(s) alone or by combination 77 | of their Contribution(s) with the Work to which such Contribution(s) was 78 | submitted. If You institute patent litigation against any entity (including a 79 | cross-claim or counterclaim in a lawsuit) alleging that the Work or a 80 | Contribution incorporated within the Work constitutes direct or contributory 81 | patent infringement, then any patent licenses granted to You under this License 82 | for that Work shall terminate as of the date such litigation is filed. 83 | 84 | 4. Redistribution. 85 | 86 | You may reproduce and distribute copies of the Work or Derivative Works thereof 87 | in any medium, with or without modifications, and in Source or Object form, 88 | provided that You meet the following conditions: 89 | 90 | You must give any other recipients of the Work or Derivative Works a copy of 91 | this License; and 92 | You must cause any modified files to carry prominent notices stating that You 93 | changed the files; and 94 | You must retain, in the Source form of any Derivative Works that You distribute, 95 | all copyright, patent, trademark, and attribution notices from the Source form 96 | of the Work, excluding those notices that do not pertain to any part of the 97 | Derivative Works; and 98 | If the Work includes a "NOTICE" text file as part of its distribution, then any 99 | Derivative Works that You distribute must include a readable copy of the 100 | attribution notices contained within such NOTICE file, excluding those notices 101 | that do not pertain to any part of the Derivative Works, in at least one of the 102 | following places: within a NOTICE text file distributed as part of the 103 | Derivative Works; within the Source form or documentation, if provided along 104 | with the Derivative Works; or, within a display generated by the Derivative 105 | Works, if and wherever such third-party notices normally appear. The contents of 106 | the NOTICE file are for informational purposes only and do not modify the 107 | License. You may add Your own attribution notices within Derivative Works that 108 | You distribute, alongside or as an addendum to the NOTICE text from the Work, 109 | provided that such additional attribution notices cannot be construed as 110 | modifying the License. 111 | You may add Your own copyright statement to Your modifications and may provide 112 | additional or different license terms and conditions for use, reproduction, or 113 | distribution of Your modifications, or for any such Derivative Works as a whole, 114 | provided Your use, reproduction, and distribution of the Work otherwise complies 115 | with the conditions stated in this License. 116 | 117 | 5. Submission of Contributions. 118 | 119 | Unless You explicitly state otherwise, any Contribution intentionally submitted 120 | for inclusion in the Work by You to the Licensor shall be under the terms and 121 | conditions of this License, without any additional terms or conditions. 122 | Notwithstanding the above, nothing herein shall supersede or modify the terms of 123 | any separate license agreement you may have executed with Licensor regarding 124 | such Contributions. 125 | 126 | 6. Trademarks. 127 | 128 | This License does not grant permission to use the trade names, trademarks, 129 | service marks, or product names of the Licensor, except as required for 130 | reasonable and customary use in describing the origin of the Work and 131 | reproducing the content of the NOTICE file. 132 | 133 | 7. Disclaimer of Warranty. 134 | 135 | Unless required by applicable law or agreed to in writing, Licensor provides the 136 | Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, 137 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, 138 | including, without limitation, any warranties or conditions of TITLE, 139 | NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are 140 | solely responsible for determining the appropriateness of using or 141 | redistributing the Work and assume any risks associated with Your exercise of 142 | permissions under this License. 143 | 144 | 8. Limitation of Liability. 145 | 146 | In no event and under no legal theory, whether in tort (including negligence), 147 | contract, or otherwise, unless required by applicable law (such as deliberate 148 | and grossly negligent acts) or agreed to in writing, shall any Contributor be 149 | liable to You for damages, including any direct, indirect, special, incidental, 150 | or consequential damages of any character arising as a result of this License or 151 | out of the use or inability to use the Work (including but not limited to 152 | damages for loss of goodwill, work stoppage, computer failure or malfunction, or 153 | any and all other commercial damages or losses), even if such Contributor has 154 | been advised of the possibility of such damages. 155 | 156 | 9. Accepting Warranty or Additional Liability. 157 | 158 | While redistributing the Work or Derivative Works thereof, You may choose to 159 | offer, and charge a fee for, acceptance of support, warranty, indemnity, or 160 | other liability obligations and/or rights consistent with this License. However, 161 | in accepting such obligations, You may act only on Your own behalf and on Your 162 | sole responsibility, not on behalf of any other Contributor, and only if You 163 | agree to indemnify, defend, and hold each Contributor harmless for any liability 164 | incurred by, or claims asserted against, such Contributor by reason of your 165 | accepting any such warranty or additional liability. 166 | 167 | END OF TERMS AND CONDITIONS 168 | 169 | APPENDIX: How to apply the Apache License to your work 170 | 171 | To apply the Apache License to your work, attach the following boilerplate 172 | notice, with the fields enclosed by brackets "[]" replaced with your own 173 | identifying information. (Don't include the brackets!) The text should be 174 | enclosed in the appropriate comment syntax for the file format. We also 175 | recommend that a file or class name and description of purpose be included on 176 | the same "printed page" as the copyright notice for easier identification within 177 | third-party archives. 178 | 179 | Copyright [yyyy] [name of copyright owner] 180 | 181 | Licensed under the Apache License, Version 2.0 (the "License"); 182 | you may not use this file except in compliance with the License. 183 | You may obtain a copy of the License at 184 | 185 | http://www.apache.org/licenses/LICENSE-2.0 186 | 187 | Unless required by applicable law or agreed to in writing, software 188 | distributed under the License is distributed on an "AS IS" BASIS, 189 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 190 | See the License for the specific language governing permissions and 191 | limitations under the License. 192 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | CircularProgressbar 环形进度条 2 | =================== 3 | 4 | ---------- 5 | 自定义组件, 继承自 android.view.View 6 | 7 | ###运行效果图 8 | 9 | ![](run.jpg) 10 | -------------------------------------------------------------------------------- /ic_launcher-web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/ic_launcher-web.png -------------------------------------------------------------------------------- /libs/android-support-v4.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/libs/android-support-v4.jar -------------------------------------------------------------------------------- /proguard-project.txt: -------------------------------------------------------------------------------- 1 | # To enable ProGuard in your project, edit project.properties 2 | # to define the proguard.config property as described in that file. 3 | # 4 | # Add project specific ProGuard rules here. 5 | # By default, the flags in this file are appended to flags specified 6 | # in ${sdk.dir}/tools/proguard/proguard-android.txt 7 | # You can edit the include path and order by changing the ProGuard 8 | # include property in project.properties. 9 | # 10 | # For more details, see 11 | # http://developer.android.com/guide/developing/tools/proguard.html 12 | 13 | # Add any project specific keep options here: 14 | 15 | # If your project uses WebView with JS, uncomment the following 16 | # and specify the fully qualified class name to the JavaScript interface 17 | # class: 18 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 19 | # public *; 20 | #} 21 | -------------------------------------------------------------------------------- /project.properties: -------------------------------------------------------------------------------- 1 | # This file is automatically generated by Android Tools. 2 | # Do not modify this file -- YOUR CHANGES WILL BE ERASED! 3 | # 4 | # This file must be checked in Version Control Systems. 5 | # 6 | # To customize properties used by the Ant build system edit 7 | # "ant.properties", and override values to adapt the script to your 8 | # project structure. 9 | # 10 | # To enable ProGuard to shrink and obfuscate your code, uncomment this (available properties: sdk.dir, user.home): 11 | #proguard.config=${sdk.dir}/tools/proguard/proguard-android.txt:proguard-project.txt 12 | 13 | # Project target. 14 | target=android-17 15 | -------------------------------------------------------------------------------- /res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 8 | 9 | 14 | 15 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /res/menu/main.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /res/values-sw600dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /res/values-sw720dp-land/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 128dp 8 | 9 | 10 | -------------------------------------------------------------------------------- /res/values-v11/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /res/values-v14/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 8 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16dp 5 | 16dp 6 | 7 | 8 | -------------------------------------------------------------------------------- /res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CircularProgressbar 5 | Settings 6 | Hello world! 7 | 8 | 9 | -------------------------------------------------------------------------------- /res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 14 | 15 | 16 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /run.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lwz0316/CircularProgressbar/461eae8f9e4a68bb3e43a01ebf9d5e8488b45861/run.jpg -------------------------------------------------------------------------------- /src/com/lwz/demo/circularprogressbar/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.lwz.demo.circularprogressbar; 2 | 3 | import com.lwz.demo.circularprogressbar.widget.CircularProgressBar; 4 | import com.lwz.demo.circularprogressbar.widget.RateTextCircularProgressBar; 5 | 6 | import android.os.Bundle; 7 | import android.os.Handler; 8 | import android.os.Message; 9 | import android.annotation.SuppressLint; 10 | import android.app.Activity; 11 | import android.view.Menu; 12 | 13 | public class MainActivity extends Activity { 14 | 15 | private CircularProgressBar mCircularProgressBar; 16 | private RateTextCircularProgressBar mRateTextCircularProgressBar; 17 | 18 | private int progress = 0; 19 | 20 | @SuppressLint("HandlerLeak") 21 | private Handler mHandler = new Handler() { 22 | 23 | @Override 24 | public void handleMessage(Message msg) { 25 | mCircularProgressBar.setProgress(msg.what); 26 | mRateTextCircularProgressBar.setProgress(msg.what); 27 | if( progress >= 100 ) { 28 | progress = 0; 29 | } 30 | mHandler.sendEmptyMessageDelayed(progress++, 100); 31 | super.handleMessage(msg); 32 | } 33 | 34 | }; 35 | 36 | @Override 37 | protected void onCreate(Bundle savedInstanceState) { 38 | super.onCreate(savedInstanceState); 39 | setContentView(R.layout.activity_main); 40 | 41 | mCircularProgressBar = (CircularProgressBar)findViewById(R.id.circular_progress_bar); 42 | mCircularProgressBar.setMax(100); 43 | 44 | mRateTextCircularProgressBar = (RateTextCircularProgressBar)findViewById(R.id.rate_progress_bar); 45 | mRateTextCircularProgressBar.setMax(100); 46 | mRateTextCircularProgressBar.getCircularProgressBar().setCircleWidth(20); 47 | 48 | mHandler.sendEmptyMessageDelayed(progress++, 100); 49 | } 50 | 51 | @Override 52 | public boolean onCreateOptionsMenu(Menu menu) { 53 | // Inflate the menu; this adds items to the action bar if it is present. 54 | getMenuInflater().inflate(R.menu.main, menu); 55 | return true; 56 | } 57 | 58 | } 59 | -------------------------------------------------------------------------------- /src/com/lwz/demo/circularprogressbar/widget/CircularProgressBar.java: -------------------------------------------------------------------------------- 1 | package com.lwz.demo.circularprogressbar.widget; 2 | 3 | import android.content.Context; 4 | import android.graphics.Canvas; 5 | import android.graphics.Color; 6 | import android.graphics.Paint; 7 | import android.graphics.RectF; 8 | import android.util.AttributeSet; 9 | import android.view.View; 10 | 11 | /** 12 | * 环形的进度条 13 | * 14 | * @author lwz 15 | */ 16 | public class CircularProgressBar extends View { 17 | 18 | private int mDuration = 100; 19 | private int mProgress = 30; 20 | 21 | private Paint mPaint = new Paint(); 22 | private RectF mRectF = new RectF(); 23 | 24 | private int mBackgroundColor = Color.LTGRAY; 25 | private int mPrimaryColor = Color.parseColor("#6DCAEC"); 26 | private float mStrokeWidth = 10F; 27 | 28 | /** 29 | * 进度条改变监听 30 | * 31 | * {@link #onChange( int duration, int progress, float rate)} 32 | */ 33 | public interface OnProgressChangeListener { 34 | /** 35 | * 进度改变事件,当进度条进度改变,就会调用该方法 36 | * @param duration 总进度 37 | * @param progress 当前进度 38 | * @param rate 当前进度与总进度的商 即:rate = (float)progress / duration 39 | */ 40 | public void onChange( int duration, int progress, float rate); 41 | } 42 | 43 | private OnProgressChangeListener mOnChangeListener; 44 | 45 | /** 46 | * 设置进度条改变监听 47 | * @param l 48 | */ 49 | public void setOnProgressChangeListener(OnProgressChangeListener l) { 50 | mOnChangeListener = l; 51 | } 52 | 53 | public CircularProgressBar(Context context) { 54 | super(context); 55 | } 56 | 57 | public CircularProgressBar(Context context, AttributeSet attrs) { 58 | super(context, attrs); 59 | } 60 | 61 | /** 62 | * 设置进度条的最大值, 该值要 大于 0 63 | * @param max 64 | */ 65 | public void setMax( int max ) { 66 | if( max < 0 ) { 67 | max = 0; 68 | } 69 | mDuration = max; 70 | } 71 | 72 | /** 73 | * 得到进度条的最大值 74 | * @return 75 | */ 76 | public int getMax() { 77 | return mDuration; 78 | } 79 | 80 | /** 81 | * 设置进度条的当前的值 82 | * @param progress 83 | */ 84 | public void setProgress( int progress ) { 85 | if( progress > mDuration ) { 86 | progress = mDuration; 87 | } 88 | mProgress = progress; 89 | if( mOnChangeListener != null ) { 90 | mOnChangeListener.onChange(mDuration, progress, getRateOfProgress()); 91 | } 92 | invalidate(); 93 | } 94 | 95 | /** 96 | * 得到进度条当前的值 97 | * @return 98 | */ 99 | public int getProgress() { 100 | return mProgress; 101 | } 102 | 103 | /** 104 | * 设置进度条背景的颜色 105 | */ 106 | public void setBackgroundColor( int color ) { 107 | mBackgroundColor = color; 108 | } 109 | 110 | /** 111 | * 设置进度条进度的颜色 112 | */ 113 | public void setPrimaryColor( int color ) { 114 | mPrimaryColor = color; 115 | } 116 | 117 | /** 118 | * 设置环形的宽度 119 | * @param width 120 | */ 121 | public void setCircleWidth(float width) { 122 | mStrokeWidth = width; 123 | 124 | } 125 | 126 | @Override 127 | protected synchronized void onDraw(Canvas canvas) { 128 | super.onDraw(canvas); 129 | 130 | int halfWidth = getWidth() / 2; 131 | int halfHeight = getHeight() /2; 132 | int radius = halfWidth < halfHeight ? halfWidth : halfHeight; 133 | float halfStrokeWidth = mStrokeWidth / 2; 134 | 135 | // 设置画笔 136 | mPaint.setColor(mBackgroundColor); 137 | mPaint.setDither(true); 138 | mPaint.setFlags(Paint.ANTI_ALIAS_FLAG); 139 | mPaint.setAntiAlias(true); 140 | mPaint.setStrokeWidth(mStrokeWidth); 141 | mPaint.setStyle(Paint.Style.STROKE); //设置图形为空心 142 | 143 | // 画背景 144 | canvas.drawCircle(halfWidth, halfHeight, radius - halfStrokeWidth, mPaint); 145 | 146 | // 画当前进度的圆环 147 | mPaint.setColor(mPrimaryColor); // 改变画笔颜色 148 | mRectF.top = halfHeight - radius + halfStrokeWidth; 149 | mRectF.bottom = halfHeight + radius - halfStrokeWidth; 150 | mRectF.left = halfWidth - radius + halfStrokeWidth; 151 | mRectF.right = halfWidth + radius - halfStrokeWidth; 152 | canvas.drawArc(mRectF, -90, getRateOfProgress() * 360, false, mPaint); 153 | canvas.save(); 154 | } 155 | 156 | /** 157 | * 得到当前的进度的比率 158 | *

用进度条当前的值 与 进度条的最大值求商

159 | * @return 160 | */ 161 | private float getRateOfProgress() { 162 | return (float)mProgress / mDuration; 163 | } 164 | 165 | } 166 | -------------------------------------------------------------------------------- /src/com/lwz/demo/circularprogressbar/widget/RateTextCircularProgressBar.java: -------------------------------------------------------------------------------- 1 | package com.lwz.demo.circularprogressbar.widget; 2 | 3 | import com.lwz.demo.circularprogressbar.widget.CircularProgressBar.OnProgressChangeListener; 4 | 5 | import android.content.Context; 6 | import android.graphics.Color; 7 | import android.util.AttributeSet; 8 | import android.view.Gravity; 9 | import android.widget.FrameLayout; 10 | import android.widget.TextView; 11 | 12 | /** 13 | * 中间带有进度百分比文字显示的环形进度条 14 | * 15 | *

该类是对 CircularProgressBar(环形进度条)类的一个包装,添加了 文字显示部分

16 | *

实现了 进度条进度改变的监听 {@link OnProgressChangeListener},从而得到进度的百分比,然后显示到 TextView 上

17 | * 18 | * @author lwz 19 | * 20 | */ 21 | public class RateTextCircularProgressBar extends FrameLayout implements OnProgressChangeListener { 22 | 23 | private CircularProgressBar mCircularProgressBar; 24 | private TextView mRateText; 25 | 26 | public RateTextCircularProgressBar(Context context) { 27 | super(context); 28 | init(); 29 | } 30 | 31 | public RateTextCircularProgressBar(Context context, AttributeSet attrs) { 32 | super(context, attrs); 33 | init(); 34 | } 35 | 36 | private void init() { 37 | mCircularProgressBar = new CircularProgressBar(getContext()); 38 | this.addView(mCircularProgressBar); 39 | LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT); 40 | lp.gravity = Gravity.CENTER; 41 | mCircularProgressBar.setLayoutParams(lp); 42 | 43 | mRateText = new TextView(getContext()); 44 | this.addView(mRateText); 45 | mRateText.setLayoutParams(lp); 46 | mRateText.setGravity(Gravity.CENTER); 47 | mRateText.setTextColor(Color.BLACK); 48 | mRateText.setTextSize(20); 49 | 50 | mCircularProgressBar.setOnProgressChangeListener(this); 51 | } 52 | 53 | /** 54 | * 设置最大值 55 | */ 56 | public void setMax( int max ) { 57 | mCircularProgressBar.setMax(max); 58 | } 59 | 60 | /** 61 | * 设置进度 62 | * @param progress 63 | */ 64 | public void setProgress(int progress) { 65 | mCircularProgressBar.setProgress(progress); 66 | } 67 | 68 | /** 69 | * 得到 CircularProgressBar 对象,用来设置其他的一些属性 70 | * @return 71 | */ 72 | public CircularProgressBar getCircularProgressBar() { 73 | return mCircularProgressBar; 74 | } 75 | 76 | /** 77 | * 设置中间进度百分比文字的尺寸 78 | * @param size 79 | */ 80 | public void setTextSize(float size) { 81 | mRateText.setTextSize(size); 82 | } 83 | 84 | /** 85 | * 设置中间进度百分比文字的颜色 86 | * @param color 87 | */ 88 | public void setTextColor( int color) { 89 | mRateText.setTextColor(color); 90 | } 91 | 92 | @Override 93 | public void onChange(int duration, int progress, float rate) { 94 | mRateText.setText(String.valueOf( (int)(rate * 100 ) + "%")); 95 | } 96 | 97 | } 98 | --------------------------------------------------------------------------------