Android自定义View弧线进度控件

概述这个是一个以弧线为依托的进度控件，主要包括了两个圆弧、一个圆、一个文本。

这个是一个以弧线为依托的进度控件，主要包括了两个圆弧、一个圆、一个文本。

 

当我们点击开始按钮的时候，会出现一个动画，逐渐的出现进度，好了，下面开始我们的编码。

新建一个类，继承自VIEw，实现三个构造方法，接着定义变量，初始化变量的数据。代码如下：

private Paint marcPaint,mCirclePaint,mTextPaint,mPaint; private float length; private float mRadius; private float mCircleXY; private float mSweepValue = 0; private String mshowtext = "0%"; private RectF mRectF; public MVIEwOne(Context context,AttributeSet attrs,int defStyleAttr) {  super(context,attrs,defStyleAttr);  initVIEw(); } public MVIEwOne(Context context,AttributeSet attrs) {  super(context,attrs);  initVIEw(); } public MVIEwOne(Context context) {  super(context);  initVIEw(); } private voID initVIEw() {  marcPaint = new Paint();  marcPaint.setstrokeWIDth(50);  marcPaint.setAntiAlias(true);  marcPaint.setcolor(color.GREEN);  marcPaint.setStyle(Style.stroke);  mCirclePaint = new Paint();  mCirclePaint.setcolor(color.GREEN);  mCirclePaint.setAntiAlias(true);  mTextPaint = new Paint();  mTextPaint.setAntiAlias(true);  mTextPaint.setcolor(color.RED);  mTextPaint.setstrokeWIDth(0);  mPaint = new Paint();  mPaint.setstrokeWIDth(40);  mPaint.setAntiAlias(true);  mPaint.setcolor(color.YELLOW);  mPaint.setStyle(Style.stroke); }

可以看到，这里一共定义了四个画笔，两个画弧形，一个画文本，还有一个绘制圆。

在我们的onSizeChange方法里面，再给变量赋值。

 @OverrIDe protected voID onSizeChanged(int w,int h,int olDW,int oldh) {  super.onSizeChanged(w,h,olDW,oldh);  length = w;  mCircleXY = length / 2;  mRadius = (float) (length * 0.5 / 2); }

这时候，圆的半径、圆的起绘点，都已经有值了。

下面开始绘制

@OverrIDe protected voID onDraw(Canvas canvas) {  super.onDraw(canvas);  // 画圆  mRectF = new RectF((float) (length * 0.1),(float) (length * 0.1),(float) (length * 0.9),(float) (length * 0.9));  canvas.drawCircle(mCircleXY,mCircleXY,mRadius,mCirclePaint);  // 画弧线  canvas.drawArc(mRectF,270,360,false,mPaint);  canvas.drawArc(mRectF,mSweepValue,marcPaint);  // 绘制文字  float textWIDth = mTextPaint.measureText(mshowtext); //测量字体宽度，我们需要根据字体的宽度设置在圆环中间  canvas.drawText(mshowtext,(int)(length/2-textWIDth/2),(int)(length/2+textWIDth/2),mTextPaint); }

这个时候，全部的效果已经出来了，但是这个还是静态的，对外暴露一个方法，让数据可以动态的刷新

 public voID setProgress(float mSweepValue) {  float a = (float) mSweepValue;  if (a != 0) {   this.mSweepValue = (float) (360.0 * (a / 100.0));   mshowtext = mSweepValue + "%";   Log.e("this.mSweepValue:",this.mSweepValue + "");  } else {   this.mSweepValue = 25;   mshowtext = 25 + "%";  }  invalIDate(); }

好了，所有的代码都在这里了，老规矩，最后我贴上全部的代码：

public class MVIEwOne extends VIEw { private Paint marcPaint,attrs);  initVIEw(); } public MVIEwOne(Context context) {  super(context);  initVIEw(); } private voID initVIEw() {  marcPaint = new Paint();  marcPaint.setstrokeWIDth(50);  marcPaint.setAntiAlias(true);  marcPaint.setcolor(color.GREEN);  marcPaint.setStyle(Style.stroke);  mCirclePaint = new Paint();  mCirclePaint.setcolor(color.GREEN);  mCirclePaint.setAntiAlias(true);  mTextPaint = new Paint();  mTextPaint.setAntiAlias(true);  mTextPaint.setcolor(color.RED);  mTextPaint.setstrokeWIDth(0);  mPaint = new Paint();  mPaint.setstrokeWIDth(40);  mPaint.setAntiAlias(true);  mPaint.setcolor(color.YELLOW);  mPaint.setStyle(Style.stroke); } @OverrIDe protected voID onSizeChanged(int w,oldh);  length = w;  mCircleXY = length / 2;  mRadius = (float) (length * 0.5 / 2); } @OverrIDe protected voID onDraw(Canvas canvas) {  super.onDraw(canvas);  // 画圆  mRectF = new RectF((float) (length * 0.1),mTextPaint); } public voID setProgress(float mSweepValue) {  float a = (float) mSweepValue;  if (a != 0) {   this.mSweepValue = (float) (360.0 * (a / 100.0));   mshowtext = mSweepValue + "%";   Log.e("this.mSweepValue:",this.mSweepValue + "");  } else {   this.mSweepValue = 25;   mshowtext = 25 + "%";  }  invalIDate(); }}

谢谢阅读，学习重在坚持，贵在坚持。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android自定义View弧线进度控件全部内容，希望文章能够帮你解决Android自定义View弧线进度控件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。