自定义View实心圆和圆环

1.1、添加在vules中的Color中

<declare-styleable name="ProgressView">
        <!--circleColor 设置圆形边框的颜色 sweepColor设置扇形变换的颜色
        startAngle 设置起始角度 sweepStep 设置变换的步长-->
        <attr name="circleColor" format="color|reference"></attr>
        <attr name="sweepColor" format="color|reference"></attr>
        <attr name="startAngle" format="integer"></attr>
        <attr name="sweepStep" format="integer"></attr>
        <attr name="padding" format="integer"></attr>
    </declare-styleable>
1.2、布局
  <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onPlay"
        android:text="点击自定义View"/>

    <com.baway.www.circleviewdemo.ProgressView
        android:layout_width="260dp"
        android:layout_height="260dp"
        android:id="@+id/onPro"/>

1、代码实现

public class ProgressView extends View {
    private int sweepStep = 10;//扇形变换的步长(就是角度)
    private int padding = 15;//外边框距离扇形的距离 填充
    private int circleColor = Color.YELLOW;//边框的颜色
    private int sweepColor = Color.GREEN;//扇形颜色
    private int startAngle = 90;//起始角度
    //设置外边框圆的边框粗细
    private int storke = 20;
    private int sweepAngle = 0;//扫过的角度
    private static final int DEFAULT_WIDTH = 200;
    private static final int DEFAULT_HEIGHT = 200;

    public ProgressView(Context context) {
        super(context);
    }

    //如果要在xml文件中使用该自定义控件，则必须重写两个参数的构造函数
    //因为我们使用自定义的属性的时候，会默认传递过来一个AttributeSet集合
    public ProgressView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.ProgressView);
        if (array != null) {
            //获取我们在xml中设置的各个自定义属性
            sweepStep = array.getInteger(R.styleable.ProgressView_sweepStep, sweepStep);
            padding = array.getInteger(R.styleable.ProgressView_padding, padding);
            circleColor = array.getColor(R.styleable.ProgressView_circleColor, circleColor);
            sweepColor = array.getColor(R.styleable.ProgressView_sweepColor, sweepColor);
            startAngle = array.getInteger(R.styleable.ProgressView_startAngle, startAngle);
            //回收TypeArray资源
            array.recycle();
        }
    }

    //先绘制外边框 －－内部扇形

    int one = 360;
    int two = 360;
    int three = 360;
    int fore =360;
    @Override
    protected void onDraw(Canvas canvas) {
        Paint mPaint = new Paint();
        mPaint.setAntiAlias(true); //设置抗锯齿
        //绘制外层的圆框
        mPaint.setColor(circleColor);
        mPaint.setStrokeWidth(storke);
        mPaint.setStyle(Paint.Style.STROKE);//设置圆形为空心的圆
        //这里我们得到控件的Height和Width，根据Heigh和Width来确定圆心的位置，来绘制外层圆
        canvas.drawCircle(getWidth() / 2, getWidth() / 2, getWidth() / 2 - storke / 2, mPaint);
        // Log.d("tag", "onDraw: "+getWidth());
        invalidate();//请求重新绘制view
         //绘制内部的扇形
        mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        mPaint.setColor(sweepColor);


        RectF rectF1 = new RectF(one,two,three,fore);
        canvas.drawArc(rectF1, 360f, 360f, true, mPaint);
        one = one -2;
        two = two - 2;
        three=three+2;
        fore=fore+2;
        one = one<(padding + storke)?(padding + storke):one;
        two = two<(padding + storke)?(padding + storke):two;
        three = three>(getWidth() - padding - storke)?(getWidth() - padding - storke):three;
        fore = fore>(getWidth() - padding - storke)?(getWidth() - padding - storke):fore;
        invalidate();//重绘view
    }

    //因为我们是继承的View来自定义的View，所以onMeasure()方法要重写
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int wMode = MeasureSpec.getMode(widthMeasureSpec);
        int hMode = MeasureSpec.getMode(heightMeasureSpec);
        int wSize = MeasureSpec.getSize(widthMeasureSpec);
        int hSize = MeasureSpec.getSize(heightMeasureSpec);
        //因为绘制的是圆，所以判断一下高度或者宽度中的一个就可以。
        switch (wMode) {
            case MeasureSpec.AT_MOST://android:layout_width="warp_content"
                //获取屏幕像素
                float density = getResources().getDisplayMetrics().density;
                wSize = (int) (DEFAULT_WIDTH * density);
                hSize = (int) (DEFAULT_HEIGHT * density);
                break;
            //当在xml中指定控件的宽高为match_parent或者指定数值的宽高时，回调以下代码
            case MeasureSpec.EXACTLY://android:layout_width="match_parent" android:layout_width="40dp"
                wSize = hSize = Math.min(wSize, hSize);
                break;
        }
        //只要重写onMeasure()方法，一定要调用以下方法，不然会报错
        setMeasuredDimension(wSize, hSize);
    }

    public void onInfo(){
        postInvalidate();
        one = 360;
        two = 360;
        three = 360;
        fore =360;

    };
}

2、MainAcitity主方法

public class MainActivity extends AppCompatActivity {

    private ProgressView onPro;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        onPro = (ProgressView) findViewById(R.id.onPro);
    }

    public void onPlay(View v){
        new Thread(){
            @Override
            public void run() {
                super.run();
                onPro.onInfo();
            }
        }.start();
    }
}