Android自定义半圆进度条

package com.ecaray.semicircleprogressbar; import android.animation.Animator; import android.animation.ValueAnimator; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.Path; import android.graphics.PathMeasure; import android.graphics.PorterDuff; import android.graphics.PorterDuffXfermode; import android.graphics.RectF; import android.graphics.SweepGradient; import android.os.Handler; import android.os.Message; import android.util.AttributeSet; import android.util.Log; import android.view.View; /** * 类描述:自定义半圆形进度条 * 创建人: Beibaoke.Kongming * 创建时间: 2018/1/8 11:49 * 修改人: Beibaoke.Kongming * 修改时间: 2018/1/8 11:49 */ public class SemicircleProgressBar extends View { private Paint paint;//画笔 private Paint shaderPaint;//彩色画笔 private Paint bitmapPaint;//图片画笔 private Paint textPaint;//文字画笔 /** * 控件宽度 */ private int width; /** * 控件高度 */ private int height; /** * 半径 */ private int radius; /** * 外圆弧的宽度 */ private float outerArcWidth; /** * 内部大圆弧的宽度 */ private float insideArcWidth; /** * 两圆弧中间间隔距离 */ private float spaceWidth; /** * 两圆弧中间间隔距离 */ private float percentTextSize; /** * 最外层滑动小球的半径 */ private float scrollCircleRadius; /** * 粉红底色 */ private int pinkColor; /** * 黄色 */ private int yellowColor; /** * 粉色红 */ private int pinkRedColor; /** * 浅红 */ private int redColor; /** * 深红 */ private int deepRedColor; /** * 灰色 */ private int grayColor; /** * 间隔的角度 */ private double spaceAngle = 22.5; /** * 两条圆弧的起始角度 * 起始角度控制半圆开口的大小，数值越小开口越大，数值越大开口越小 */ private double floatAngel = 50; /** * 自定义的Bitmap */ private Bitmap mBitmap; /** * 自定义的画布，目的是为了能画出重叠的效果 */ private Canvas mCanvas; /** * 时刻变化的Angel */ private double mAngel; /** * 内弧半径 */ private float insideArcRadius; private double aimPercent = 0; private float[] pos; // 当前点的实际位置 private float[] tan; // 当前点的tangent值,用于计算图片所需旋转的角度 private Bitmap mBitmapBackDeepRed; // 箭头图片 private Bitmap mBitmapBackYellow; // 箭头图片 private Bitmap mBitmapBackPink; // 箭头图片 private Bitmap mBitmapBackRed; // 箭头图片 private Matrix mMatrix; // 矩阵,用于对图片进行一些操作 private RectF insideArea; //内圆的矩形 private Bitmap mBitmapBack; // 动效过程监听器 private ValueAnimator.AnimatorUpdateListener mUpdateListener; private Animator.AnimatorListener mAnimatorListener; //过程动画 private ValueAnimator mValueAnimator; // 用于控制动画状态转换 private Handler mAnimatorHandler; // 默认的动效周期 2s private int defaultDuration = 0; public SemicircleProgressBar(Context context) { super(context); initView(context); } public SemicircleProgressBar(Context context, AttributeSet attrs) { super(context, attrs); initView(context); } public SemicircleProgressBar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initView(context); } private void initView(Context context) { shaderPaint = new Paint(); textPaint = new Paint(); paint = new Paint(); paint.setStyle(Paint.Style.STROKE); //设置空心 paint.setAntiAlias(true); paint.setColor(Color.RED); bitmapPaint = new Paint(); bitmapPaint.setStyle(Paint.Style.FILL); bitmapPaint.setAntiAlias(true); outerArcWidth = context.getResources().getDimensionPixelOffset(R.dimen.dp2); insideArcWidth = context.getResources().getDimensionPixelOffset(R.dimen.dp12); spaceWidth = context.getResources().getDimensionPixelOffset(R.dimen.dp12); scrollCircleRadius = context.getResources().getDimensionPixelOffset(R.dimen.dp4); percentTextSize = context.getResources().getDimensionPixelOffset(R.dimen.dp8); pinkColor = context.getResources().getColor(R.color.glay3); yellowColor = context.getResources().getColor(R.color.timeCome2); pinkRedColor = context.getResources().getColor(R.color.timeCome1); redColor = context.getResources().getColor(R.color.timeCome1); deepRedColor = context.getResources().getColor(R.color.timeCome1); grayColor = context.getResources().getColor(R.color.glay3); pos = new float[2]; tan = new float[2]; mBitmapBackDeepRed = BitmapFactory.decodeResource(context.getResources(), R.mipmap.order_dot); mBitmapBackRed = BitmapFactory.decodeResource(context.getResources(), R.mipmap.order_dot); mBitmapBackPink = BitmapFactory.decodeResource(context.getResources(), R.mipmap.order_dot); mBitmapBackYellow = BitmapFactory.decodeResource(context.getResources(), R.mipmap.order_dot); mMatrix = new Matrix(); } private int count = 0; @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); Log.i("PercentVIew", "开始绘制" + count); long startTime = System.currentTimeMillis(); count++; width = getWidth(); //获取宽度 height = getHeight();//获取高度 mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); mCanvas = new Canvas(mBitmap); radius = height / 2; insideArcRadius = radius - scrollCircleRadius - spaceWidth;//内弧半径 // Log.i(TAG,"最外园半径"+radius+"\n高度为"+height); // Log.i(TAG,"最外园半径"+Math.sin(Math.toRadians(spaceAngle))); paintPercentBack(mCanvas); paintPercent(mAngel, aimPercent, mCanvas); canvas.drawBitmap(mBitmap, 0, 0, null); long endTime = System.currentTimeMillis(); Log.i("PercentVIew", "绘制结束" + (endTime - startTime)); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); } /** * 画线的底色 */ private void paintPercentBack(Canvas canvas) { paint.setColor(grayColor); paint.setStrokeWidth(outerArcWidth);//outerArcWidth paint.setStyle(Paint.Style.STROKE); paint.setStrokeCap(Paint.Cap.ROUND);//设置为圆角 paint.setAntiAlias(true); //绘制里层大宽度弧形底色 paint.setColor(pinkColor); paint.setStrokeWidth(insideArcWidth); paint.setStyle(Paint.Style.STROKE); canvas.drawArc(new RectF(width / 2 - insideArcRadius, radius - insideArcRadius, width / 2 + insideArcRadius, radius + insideArcRadius), (float) (180 - floatAngel), (float) (180 + 2 * floatAngel), false, paint); } /*** * 4个色值由浅到深分别是 ffd200 ff5656 fa4040 f60157 * 等级划分：0-20