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

时间:2022-07-27
本文章向大家介绍android自定义等级评分圆形进度条,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

本文实例为大家分享了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 Freedoman
* @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 Freedoman
* @date 2014-10-29
* @version 1.0
*/
public interface onProgressChangedListener {
public void progressChanged(GradeProgressBar circleProgressBar,
int curProgress);
}
}

以上就是本文的全部内容,希望对大家的学习有所帮助。