【android实现环形进度条】Android实现环形进度条代码

更新时间:2021-05-23    来源:Tenda路由器    手机版     字体:

【www.bbyears.com--Tenda路由器】

先上效果图:

自定义控件:AttendanceProgressBar

代码如下:

 

 代码如下

publicclassAttendanceProgressBarextendsView {

 // 画圆环底部的画笔

 privatePaint mCirclePaint;

 // 画圆环的画笔

 privatePaint mRingPaint;

 // 画字体的画笔

 privatePaint mTextPaint;

 // 圆形颜色

 privateintmCircleColor;

 // 圆环颜色

 privateintmRingColor;

 // 半径

 privatefloatmRadius;

 // 圆环半径

 privatefloatmRingRadius;

 // 圆环宽度

 privatefloatmStrokeWidth;

 // 圆心x坐标

 privateintmXCenter;

 // 圆心y坐标

 privateintmYCenter;

 // 字的长度

 privatefloatmTxtWidth;

 // 字的高度

 privatefloatmTxtHeight;

 // 总进度

 privateintmTotalProgress =100;

 // 当前进度

 privateintmProgress =80;

 //字体颜色

 privateintmTextColor;

 // 字体大小

 privatefloatmTextSize;

 

 publicAttendanceProgressBar(Context context, AttributeSet attrs) {

 super(context, attrs);

 // 获取自定义的属性

 initAttrs(context, attrs);

 initVariable();

 }

 

 privatevoidinitAttrs(Context context, AttributeSet attrs) {

 TypedArray typeArray = context.getTheme().obtainStyledAttributes(attrs,

  R.styleable.AttendanceProgressBar,0,0);

 mRadius = typeArray.getDimension(R.styleable.AttendanceProgressBar_radius,80);

 mStrokeWidth = typeArray.getDimension(R.styleable.AttendanceProgressBar_strokeWidth,10);

 mCircleColor = typeArray.getColor(R.styleable.AttendanceProgressBar_circleColor,0xFFFFFFFF);

 mRingColor = typeArray.getColor(R.styleable.AttendanceProgressBar_ringColor,0xFFFFFFFF);

 mTextColor = typeArray.getColor(R.styleable.AttendanceProgressBar_textColor,0xFF000000);

 mTextSize = typeArray.getDimension(R.styleable.AttendanceProgressBar_textSize,80);

 

 mRingRadius = mRadius + mStrokeWidth /2;

 }

 

 privatevoidinitVariable() {

 mCirclePaint =newPaint();

 mCirclePaint.setAntiAlias(true);

 mCirclePaint.setColor(mCircleColor);

// mCirclePaint.setStyle(Paint.Style.FILL);

 mCirclePaint.setStyle(Paint.Style.STROKE);

 mCirclePaint.setStrokeWidth(mStrokeWidth);

 

 mRingPaint =newPaint();

 mRingPaint.setAntiAlias(true);

 mRingPaint.setColor(mRingColor);

 mRingPaint.setStyle(Paint.Style.STROKE);

 mRingPaint.setStrokeWidth(mStrokeWidth);

 

 mTextPaint =newPaint();

 mTextPaint.setAntiAlias(true);

 mTextPaint.setStyle(Paint.Style.FILL);

 mTextPaint.setColor(mTextColor);

// mTextPaint.setARGB(255, 255, 255, 255);

// mTextPaint.setTextSize(mRadius / 2);

 mTextPaint.setTextSize(mTextSize);

 Paint.FontMetrics fm = mTextPaint.getFontMetrics();

 mTxtHeight = (int) Math.ceil(fm.descent - fm.ascent);

 

 }

 

 @Override

 protectedvoidonDraw(Canvas canvas) {

 

 mXCenter = getWidth() /2;

 mYCenter = getHeight() /2;

 

// canvas.drawCircle(mXCenter, mYCenter, mRadius, mCirclePaint);

 

 canvas.drawCircle(mXCenter, mYCenter, mRingRadius, mCirclePaint);

 RectF oval =newRectF();

 oval.left = (mXCenter - mRingRadius);

 oval.top = (mYCenter - mRingRadius);

 oval.right = mRingRadius *2+ (mXCenter - mRingRadius);

 oval.bottom = mRingRadius *2+ (mYCenter - mRingRadius);

 canvas.drawArc(oval, -90, ((float) mProgress / mTotalProgress) *360,false, mRingPaint);//

//   canvas.drawCircle(mXCenter, mYCenter, mRadius + mStrokeWidth / 2, mRingPaint);

//  String txt = mProgress + "%";

 String txt ="16/18";

 mTxtWidth = mTextPaint.measureText(txt,0, txt.length());

//  canvas.drawText(txt, mXCenter - mTxtWidth / 2, mYCenter + mTxtHeight / 4, mTextPaint);

 canvas.drawText(txt, mXCenter - mTxtWidth /2, mYCenter + mTxtHeight /4- dipToPx(10), mTextPaint);

 txt ="出勤人数";

 mTxtWidth = mTextPaint.measureText(txt,0, txt.length());

 canvas.drawText(txt, mXCenter - mTxtWidth /2, mYCenter + mTxtHeight /4+ dipToPx(10), mTextPaint);

 }

 

 publicvoidsetProgress(intprogress) {

 mProgress = progress;

 postInvalidate();

 }

 privateintdipToPx(intdip) {

 floatscale = getContext().getResources().getDisplayMetrics().density;

 return(int) (dip * scale +0.5f * (dip >=0?1: -1));

 }

}

 

因为是自定义控件,所以在attr.xml文件定义了一些控件属性,以便在xml文件中设置这些属性

代码如下:

 

 代码如下

 word">xml version="1.0" encoding="utf-8"?>

<word">resources> <declare-styleable name="AttendanceProgressBar"> <attr name="radius" format="dimension"/> <attr name="strokeWidth" format="dimension"/> <attr name="circleColor" format="color"/> <attr name="ringColor" format="color"/> <attr name="textColor" format="color"/> <attr name="textSize" format="dimension"/> declare-styleable>resources>

 

最后,在xml文件中,可以这样使用

 

 代码如下

 android:layout_gravity="center"

 android:layout_width="100dp"

 android:layout_height="100dp"

 app:radius="45dp"

 app:strokeWidth="5dp"

 app:textSize="@dimen/text_16"

 app:textColor="@color/color_333333"

 app:circleColor="@color/color_d5ebfd"

 app:ringColor="@color/color_2c9df7"/>

 

这只是初步处理,使用时可以根据需求酌情处理。

本文来源:http://www.bbyears.com/luyouqishezhi/119334.html

热门标签

更多>>

本类排行