Android开发 自制圆形带进度显示的进度条

http://www.pocketdigi.com/20130712/1136.html

Android默认的进度条，如果是圆型的，是不能显示进度的，只是在转圈圈，而基于官方的ProgressBar自定义，也只能换那个圈圈的图片而已，无法实现展示进度。下图是要实现的效果:

其实原理也很简单，定义一个类继承View,在onDraw方法里画圆即可.

CircleProgressBar:

package com.pocketdigi.curcleprogressbar.view;
 
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
 
public class CircleProgressBar extends View {
	private int maxProgress = 100;
	private int progress = 30;
	private int progressStrokeWidth = 4;
	//画圆所在的距形区域
	RectF oval;
	Paint paint;
	public CircleProgressBar(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO 自动生成的构造函数存根
		oval = new RectF();
		paint = new Paint();
	}
 
	@Override
	protected void onDraw(Canvas canvas) {
		// TODO 自动生成的方法存根
		super.onDraw(canvas);
		int width = this.getWidth();
		int height = this.getHeight();
 
		if(width!=height)
		{
			int min=Math.min(width, height);
			width=min;
			height=min;
		}
 
		paint.setAntiAlias(true); // 设置画笔为抗锯齿
		paint.setColor(Color.WHITE); // 设置画笔颜色
		canvas.drawColor(Color.TRANSPARENT); // 白色背景
		paint.setStrokeWidth(progressStrokeWidth); //线宽
		paint.setStyle(Style.STROKE);
 
		oval.left = progressStrokeWidth / 2; // 左上角x
		oval.top = progressStrokeWidth / 2; // 左上角y
		oval.right = width - progressStrokeWidth / 2; // 左下角x
		oval.bottom = height - progressStrokeWidth / 2; // 右下角y
 
		canvas.drawArc(oval, -90, 360, false, paint); // 绘制白色圆圈，即进度条背景
		paint.setColor(Color.rgb(0x57, 0x87, 0xb6));
		canvas.drawArc(oval, -90, ((float) progress / maxProgress) * 360, false, paint); // 绘制进度圆弧，这里是蓝色
 
		paint.setStrokeWidth(1);
		String text = progress + "%";
		int textHeight = height / 4;
		paint.setTextSize(textHeight);
		int textWidth = (int) paint.measureText(text, 0, text.length());
		paint.setStyle(Style.FILL);
		canvas.drawText(text, width / 2 - textWidth / 2, height / 2 +textHeight/2, paint);
 
	}
 
 
 
	public int getMaxProgress() {
		return maxProgress;
	}
 
	public void setMaxProgress(int maxProgress) {
		this.maxProgress = maxProgress;
	}
 
	public void setProgress(int progress) {
		this.progress = progress;
		this.invalidate();
	}
 
	/**
	 * 非ＵＩ线程调用
	 */
	public void setProgressNotInUiThread(int progress) {
		this.progress = progress;
		this.postInvalidate();
	}
}