<?xml version="1.0" encoding="utf-8"?><resources> <declare-styleable name="CircleProgressView"> <!-- 弧線寬度 --> <attr name="arcWidth" format="dimension" /> <!-- 刻度個(gè)數(shù) --> <attr name="scaleCount" format="integer" /> <!-- 漸變起始顏色 --> <attr name="startColor" format="color" /> <!-- 漸變終止顏色 --> <attr name="endColor" format="color" /> <!-- 標(biāo)簽說(shuō)明文本 --> <attr name="labelText" format="string" /> <!-- 文本顏色 --> <attr name="textColor" format="color" /> <!-- 百分比文本字體大小 --> <attr name="progressTextSize" format="dimension" /> <!-- 標(biāo)簽說(shuō)明字體大小 --> <attr name="labelTextSize" format="dimension" /> </declare-styleable></resources>

 public CircleProgressView(Context context) { this(context, null); } public CircleProgressView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleProgressView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); }

 TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressView, defStyleAttr, 0); mArcWidth = ta.getDimension(R.styleable.CircleProgressView_arcWidth, DensityUtils.dp2px(context, 8)); mScaleCount = ta.getInteger(R.styleable.CircleProgressView_scaleCount, 24); mStartColor = ta.getColor(R.styleable.CircleProgressView_startColor, Color.parseColor("#3FC199")); mEndColor = ta.getColor(R.styleable.CircleProgressView_endColor, Color.parseColor("#3294C1")); mColorArray = new int[]{mStartColor, mEndColor}; mLabelText = ta.getString(R.styleable.CircleProgressView_labelText); mTextColor = ta.getColor(R.styleable.CircleProgressView_textColor, Color.parseColor("#4F5F6F")); mProgressTextSize = ta.getDimension(R.styleable.CircleProgressView_progressTextSize, 160); mLabelTextSize = ta.getDimension(R.styleable.CircleProgressView_labelTextSize, 64); ta.recycle();

 mArcBackPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mArcBackPaint.setStyle(Paint.Style.STROKE); mArcBackPaint.setStrokeWidth(mArcWidth); mArcBackPaint.setColor(Color.LTGRAY); mArcForePaint = new Paint(Paint.ANTI_ALIAS_FLAG); mArcForePaint.setStyle(Paint.Style.STROKE); mArcForePaint.setStrokeWidth(mArcWidth); mArcRectF = new RectF(); mLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG); mLinePaint.setStyle(Paint.Style.STROKE); mLinePaint.setColor(Color.WHITE); mLinePaint.setStrokeWidth(DensityUtils.dp2px(context, 2)); mProgressTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mProgressTextPaint.setStyle(Paint.Style.FILL); mProgressTextPaint.setColor(mTextColor); mProgressTextPaint.setTextSize(mProgressTextSize); mLabelTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mLabelTextPaint.setStyle(Paint.Style.FILL); mLabelTextPaint.setColor(mTextColor); mLabelTextPaint.setTextSize(mLabelTextSize); mTextRect = new Rect();

 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension(measuredDimension(widthMeasureSpec), measuredDimension(heightMeasureSpec)); } private int measuredDimension(int measureSpec) { int result; int mode = MeasureSpec.getMode(measureSpec); int size = MeasureSpec.getSize(measureSpec); if (mode == MeasureSpec.EXACTLY) {  result = size; } else {  result = 800;  if (mode == MeasureSpec.AT_MOST) {  result = Math.min(result, size);  } } return result; }

 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mArcRectF.set(mArcWidth / 2, mArcWidth / 2, getWidth() - mArcWidth / 2, getHeight() - mArcWidth / 2); //畫(huà)背景弧線 canvas.drawArc(mArcRectF, -90, 360, false, mArcBackPaint); //設(shè)置漸變渲染 LinearGradient linearGradient = new LinearGradient(getWidth() / 2, 0, getWidth() / 2, getHeight(), mColorArray, null, Shader.TileMode.CLAMP); mArcForePaint.setShader(linearGradient); //畫(huà)百分比值弧線 canvas.drawArc(mArcRectF, -90, mSweepAngle, false, mArcForePaint); //畫(huà)刻度線 for (int i = 0; i < mScaleCount; i++) {  canvas.drawLine(getWidth() / 2, 0, getWidth() / 2, mArcWidth, mLinePaint);  //旋轉(zhuǎn)畫(huà)布  canvas.rotate(360 / mScaleCount, getWidth() / 2, getHeight() / 2); } //畫(huà)百分比文本 String progressText = mProgress + "%"; mProgressTextPaint.getTextBounds(progressText, 0, progressText.length(), mTextRect); float progressTextWidth = mTextRect.width(); float progressTextHeight = mTextRect.height(); canvas.drawText(progressText, getWidth() / 2 - progressTextWidth / 2,  getHeight() / 2 + progressTextHeight / 2, mProgressTextPaint); //畫(huà)標(biāo)簽說(shuō)明文本 mLabelTextPaint.getTextBounds(mLabelText, 0, mLabelText.length(), mTextRect); canvas.drawText(mLabelText, getWidth() / 2 - mTextRect.width() / 2,  getHeight() / 2 - progressTextHeight / 2 - mTextRect.height(), mLabelTextPaint); }

 public void setProgress(float progress) { Log.e("--> ", progress + ""); ValueAnimator anim = ValueAnimator.ofFloat(mProgress, progress); anim.setDuration((long) (Math.abs(mProgress - progress) * 20)); anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  @Override  public void onAnimationUpdate(ValueAnimator animation) {  mProgress = (float) animation.getAnimatedValue();  mSweepAngle = mProgress * 360 / 100;  mProgress = (float) (Math.round(mProgress * 10)) / 10;//四舍五入保留到小數(shù)點(diǎn)后兩位  invalidate();  } }); anim.start(); }

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cpv="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <com.monkey.circleprogressview.CircleProgressView android:id="@+id/circle_progress_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" cpv:arcWidth="8dp" cpv:endColor="#126b94" cpv:labelText="學(xué)習(xí)進(jìn)度" cpv:labelTextSize="20sp" cpv:progressTextSize="55sp" cpv:scaleCount="24" cpv:startColor="#12d699" cpv:textColor="#4F5F6F" /></RelativeLayout>

 final CircleProgressView view = (CircleProgressView) findViewById(R.id.circle_progress_view); view.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) {  float progress = (float) (Math.random() * 100);  view.setProgress(progress); } });