android如何实现评分圆形进度条

发布时间:2020-07-16 17:59:29 作者:小猪
来源:亿速云 阅读:418

这篇文章主要讲解了android如何实现评分圆形进度条,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

本文实例为大家分享了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 &#63; 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);
 }
}

看完上述内容,是不是对android如何实现评分圆形进度条有进一步的了解,如果还想学习更多内容,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. Android 关于RatingBar评分条
  2. JavaScript实现星级评分

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android 进度条 roi

上一篇:Cocos2d-x3.0游戏实例《别救我》目录

下一篇:Lintcode4 Ugly Number II solution 题解

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》