android自定义等级评分圆形进度条

一、测试截图



二、实现原理

package com.freedomanlib;

import java.util.Timer;
import java.util.TimerTask;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
* @name GradeProgressBar
* @Descripation 自定义等级评分圆形进度条，用于设备数据统计页面一键评分<br>
* 1、初始化边界宽度、中心坐标和外环、内环半径，各种画笔。<br>
* 2、默认最大进度为100，目标进度由用户来指定。<br>
* 3、锁定一个内圆环为可点击区域。 <br>
* 4、点击组件时，调用start()方法启动计时器，重绘界面。<br>
* @author 樊俊彬
* @date 2014-10-29
* @version 1.0
*/
public class GradeProgressBar extends View {

private static final String TAG = "CircleProgressBar";

/**
* 边界宽度、中心坐标和外环、内环半径
*/
private float boundsWidth;
private float centerPoint;
private float overRadius;
private float radius;

/**
* 最大进度、当前进度、是否显示进度文本
*/
private float maxProgress = 100;
private float targetProgress;
private int curProgress;

/**
* 几种画笔
*/
private Paint overRoundPaint;
private Paint roundPaint;
private Paint progressRoundPaint;
private Paint progressTextPaint;
private Paint textPaint;

/**
* 可点击区域的边界
*/
private float clickBoundsLow;
private float clickBoundsHigh;

private onProgressChangedListener listener;

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

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

public GradeProgressBar(Context context, AttributeSet attrs,
int defStyleAttr) {
super(context, attrs, defStyleAttr);
this.initialize();
}

/**
* 初始化
*/
private void initialize() {

curProgress = 0;
int whiteColor = Color.rgb(0xF0, 0xF0, 0xF0);

// 外环画笔
overRoundPaint = new Paint();
overRoundPaint.setColor(whiteColor);
overRoundPaint.setStyle(Paint.Style.STROKE);
overRoundPaint.setStrokeWidth(8);
overRoundPaint.setAntiAlias(true);

// 内环画笔
roundPaint = new Paint();
roundPaint.setColor(Color.GRAY);
roundPaint.setStrokeWidth(30);
roundPaint.setStyle(Paint.Style.STROKE);
roundPaint.setAntiAlias(true);

// 进度环画笔(除颜色外同于内环)
progressRoundPaint = new Paint();
progressRoundPaint.setColor(Color.rgb(0xFF, 0x92, 0x24));
progressRoundPaint.setStrokeWidth(20);
progressRoundPaint.setStyle(Paint.Style.STROKE);
roundPaint.setAntiAlias(true);

// 进度文本画笔
progressTextPaint = new Paint();
progressTextPaint.setColor(whiteColor);
progressTextPaint.setStyle(Paint.Style.STROKE);
progressTextPaint.setStrokeWidth(0);
progressTextPaint.setTextSize(80);
progressTextPaint.setTypeface(Typeface.DEFAULT_BOLD);

// 文本画笔
textPaint = new Paint();
textPaint.setColor(whiteColor);
textPaint.setStyle(Paint.Style.STROKE);
textPaint.setStrokeWidth(0);
textPaint.setTextSize(40);
textPaint.setTypeface(Typeface.DEFAULT_BOLD);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

// 取当前布局的最短边作为边框的长度
float width = getWidth();
float heigh = getHeight();
boundsWidth = width <= heigh ? width : heigh;

// 中心点
centerPoint = boundsWidth / 2;
// 外环半径
overRadius = centerPoint - 20;
// 内环半径
radius = overRadius - 25;

// 内环所在区域（正方形）锁定为可点击区域
clickBoundsLow = centerPoint - radius;
clickBoundsHigh = centerPoint + radius;
}

/**
* 启动进度动画
*/
public void start() {
curProgress = 0;
if (targetProgress == 0) {
targetProgress = 66;
}
final Timer timer = new Timer();
TimerTask timerTask = new TimerTask() {
@Override
public void run() {
curProgress++;
if (curProgress == targetProgress) {
timer.cancel();
}
postInvalidate();
}
};
timer.schedule(timerTask, 0, 20);
}

@SuppressLint("DrawAllocation")
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

// 外环
canvas.drawCircle(centerPoint, centerPoint, overRadius, overRoundPaint);
// 内环
canvas.drawCircle(centerPoint, centerPoint, radius, roundPaint);

// 进度环
RectF oval = new RectF(centerPoint - radius, centerPoint - radius,
centerPoint + radius, centerPoint + radius);
float curArc = 360 * curProgress / maxProgress;
canvas.drawArc(oval, 0, curArc, false, progressRoundPaint);

// 环中心进度文本
int curPercent = (int) ((curProgress / maxProgress) * 100);
float textWidth = progressTextPaint.measureText(curPercent + "%");
canvas.drawText(curPercent + "%", centerPoint - textWidth / 2,
centerPoint, progressTextPaint);

if (curPercent == 0) {
// 暂未评级
float w = textPaint.measureText("暂未评级");
canvas.drawText("暂未评级", centerPoint - w / 2, centerPoint + 40,
textPaint);
} else if (curPercent < targetProgress) {
// 评级中...
float w = textPaint.measureText("评级中...");
canvas.drawText("评级中...", centerPoint - w / 2, centerPoint + 40,
textPaint);
} else if (curPercent == targetProgress) {
// 评级完成
float w = textPaint.measureText("评级完成");
canvas.drawText("评级完成", centerPoint - w / 2, centerPoint + 40,
textPaint);
}

// 对外传递数据
if (listener != null) {
listener.progressChanged(GradeProgressBar.this, curProgress);
}
}

public synchronized float getMaxProgress() {
return maxProgress;
}

/**
* 设置进度的最大值
*
* @param max
*/
public synchronized void setMaxProgress(float max) {
if (max < 0) {
throw new IllegalArgumentException("max not less than 0");
}
this.maxProgress = max;
}

/**
* 获取进度.需要同步
*
* @return
*/
public synchronized float getProgress() {
return targetProgress;
}

/**
* 设置进度，此为线程安全控件，由于考虑多线的问题，需要同步 刷新界面调用postInvalidate()能在非UI线程刷新
*
* @param progress
*/
public synchronized void setProgress(float progress) {
if (progress < 0) {
throw new IllegalArgumentException("progress not less than 0");
}
if (progress > maxProgress) {
progress = maxProgress;
}
if (progress <= maxProgress) {
this.targetProgress = progress;
}
}

public void setOnProgressChangedListener(onProgressChangedListener listener) {
if (listener == null) {
this.listener = listener;
}
}

/**
* 点击评分区域，进行评分
*
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {

float x = event.getX();
float y = event.getY();

if (x > clickBoundsLow && x < clickBoundsHigh && y > clickBoundsLow
&& y < clickBoundsHigh) {
start();
}
return super.onTouchEvent(event);
}

/**
* @name onProgressChangedListener
* @Descripation 对外接口，提供当前旋转进度<br>
* 1、<br>
* 2、<br>
* @author 樊俊彬
* @date 2014-10-29
* @version 1.0
*/
public interface onProgressChangedListener {
public void progressChanged(GradeProgressBar circleProgressBar,
int curProgress);
}
}