最近闲来无事,自定义了一个环状进度条,话不多说直接上代码 :
public class CircleProgressView extends View{ private Paint mCirPaint; private Paint mArcPaint; private Paint mTextPaint; private float radius=200; private int textsize=60; private int progress=68; private int stokeWidth=10; private int circleColor=Color.GRAY; private int arcColor=Color.GREEN; private int textColor=Color.BLACK; private int speed=0; public CircleProgressView(Context context) { super(context); } public CircleProgressView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public CircleProgressView(Context context, AttributeSet attrs) { super(context, attrs); } public void setRadius(float radius){ this.radius=radius; invalidate(); } public void setTextSize(int textsize){ this.textsize=textsize; invalidate(); } public void setProgress(int progress){ this.progress=progress; } public void setStokewidth(int stokeWidth){ this.stokeWidth=stokeWidth; invalidate(); } public void setColor(int circleColor,int arcColor,int textColor){ this.circleColor=circleColor; this.arcColor=arcColor; this.textColor=textColor; invalidate(); } public void setSpeed(int speed){ this.speed=speed; } private void init() { mCirPaint=new Paint(); mCirPaint.setColor(circleColor); mCirPaint.setAntiAlias(true); mCirPaint.setStyle(Paint.Style.STROKE); mCirPaint.setStrokeWidth(stokeWidth); mArcPaint=new Paint(); mArcPaint.setColor(arcColor); mArcPaint.setAntiAlias(true); mArcPaint.setStyle(Paint.Style.STROKE); mArcPaint.setStrokeWidth(stokeWidth); mTextPaint=new Paint(); mTextPaint.setColor(textColor); mTextPaint.setTextSize(textsize); mTextPaint.setAntiAlias(true); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); init(); float centerX=getWidth()/2; float centerY=getHeight()/2; canvas.drawCircle(centerX,centerY,radius,mCirPaint); canvas.drawArc(centerX-radius,centerY-radius,centerX+radius,centerY+radius,-90,progress*360/100,false,mArcPaint); canvas.drawText(progress+"%",centerX-(mTextPaint.measureText(progress+"%"))/2,centerY+textsize/2,mTextPaint); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); if (speed!=0){ startProgress(); } } public void startProgress(){ final int preProgress=progress; new CountDownTimer(preProgress * speed, speed) { @Override public void onTick(long l) { setProgress(preProgress-(int) (l/speed)); invalidate(); } @Override public void onFinish() { setProgress(preProgress); invalidate(); this.cancel(); } }.start(); } }
相关用法:
setProgress(progress);//设置进度
setRadius(300);//设置半径
setStokewidth(60);//设置环宽
setTextSize(80);//设置文字进度大小
setColor(Color.GRAY,Color.RED,Color.BLUE);//设置颜色(环的颜色,进度条的颜色,文字进度的字体颜色)
setSpeed(20);//设置动画速度,这里的数值是每次进度加一所用时间,所以数值越小动画速度越快
测试代码:
mCircleProgressView= (CircleProgressView) findViewById(R.id.circle_progress); mCircleProgressView.setProgress(progress); mCircleProgressView.setRadius(300); mCircleProgressView.setStokewidth(60); mCircleProgressView.setTextSize(80); mCircleProgressView.setColor(Color.GRAY,Color.RED,Color.BLUE); mCircleProgressView.setSpeed(20);
测试效果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。