自定义Progress进度条

自定义Progress进度条

先定义一个类继承View，实现构造函数(3个)，并重写onDraw()方法，定义画笔，开始画图。

重写onMeasure方法

1、边界参数-------widthMeasureSpec和heightMeasureSpec，效率的原因以整数的形式传入。在它们使用之前，首先要做的是使用MeasureSpec类的静态方法getMode和getSize来解释。

2、specMode有三种
MeasureSpec.EXACTLY --->边界已经确定，match_parent,fill_parent,50dp
MeasureSpec.AT_MOST---->父控件能给的最大尺寸，这样子View会根据这个上限来设置自己的尺寸，wrap_content.
MeasureSpec.UNSPECIFIED -->未指定大小，可以是任意大小。这种情况不多，一般都是父控件是AdapterView，通过measure方法传入的模式。

3、setMesauredDimension()，这个方法必须由onMeasure(int,int)来调用，来存储测量的宽，高值，如果是含有子view的还要调用measureChildren()

在values文件夹下定义一个attrs.xml，自定义属性

在activity_main中声明命名空间及使用自定义属性

自定义Progress的主代码编写

    /**
     * Created by Administrator on 2016-10-18.
     *
     *  自定义一个进度条
     */
    
    public class CustomView extends View {
    
        private static final int DEFAULT_RADIUS = 200;
        private float mRadius=200;//园的半径
        private float mStrokeWidth=50;//环的宽度
        private float mStrokeHalf=mStrokeWidth/2;
        private float mX=200+mStrokeHalf;
        private float mY=200+mStrokeHalf;//x、y坐标-----控制图形的中心点
        private Paint mPaintBackCirle;//背景白色圆环画笔
        private Paint mPaintFromCirle;//前景绿色扇形圆环画笔
        private Paint mPaintText;//进度的字体画笔
        private RectF mRectf;
        private int progress=0;
        private int mTargetProgress=70;
        private int maxProgress=100;
        private int mWidth;//屏幕宽高
        private int mHeight;
    
        public CustomView(Context context) {
            this(context,null);
    
        }
    
        public CustomView(Context context, AttributeSet attrs) {
            this(context, attrs,0);
        }
    
        public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            if (attrs!=null){
                //获取半径和环形宽度等
                TypedArray array=context.obtainStyledAttributes(attrs,R.styleable.CustomView);
                mRadius=array.getDimensionPixelSize(R.styleable.CustomView_radius,DEFAULT_RADIUS);
                mStrokeWidth=array.getDimensionPixelSize(R.styleable.CustomView_stroke_width,DEFAULT_RADIUS);
                array.recycle();
            }
                init();
        }
    
        private void init() {
            mPaintBackCirle=new Paint();
            mPaintBackCirle.setAntiAlias(true);
            mPaintBackCirle.setColor(Color.WHITE);
            mPaintBackCirle.setStrokeWidth(mStrokeWidth);
            mPaintBackCirle.setStyle(Paint.Style.STROKE);
    
    
            mPaintFromCirle=new Paint();//画笔
            mPaintFromCirle.setAntiAlias(true);
            mPaintFromCirle.setColor(Color.BLUE);//颜色
            mPaintFromCirle.setStrokeWidth(mStrokeWidth);//环的宽度
            mPaintFromCirle.setStyle(Paint.Style.STROKE);//环
    
            mPaintText=new Paint();//画笔
            mPaintText.setAntiAlias(true);
            mPaintText.setColor(Color.WHITE);//颜色
            mPaintText.setTextSize(80);//设置字体大小
            mPaintText.setTextAlign(Paint.Align.CENTER);//设置到中心
    
          //  mRectf = new RectF(mStrokeHalf,mStrokeHalf,mRadius*2+mStrokeHalf,mRadius*2+mStrokeHalf);
    
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            //super.onDraw(canvas);
            initRectF();
    
            float angle=progress/(float)maxProgress*360;//转换成角度
            canvas.drawCircle(mWidth/2,mHeight/2,mRadius,mPaintBackCirle);//画圆
            canvas.drawArc(mRectf,-90,angle,false,mPaintFromCirle);
            canvas.drawText(progress+"%",mWidth/2,mHeight/2,mPaintText);
            if (progress

这里写图片描述