自定义view画圆

现在看一下自定义view画圆：
先看自定义view中的代码：
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Toast;

import com.honey.test.R;

public class MyCircleHuan extends View {
    private Paint mPaint;           //画笔
    private int roundColor;         //圆环的颜色
    private int roundProgressColor; //圆环进度的颜色
    private float roundWidth;       //圆环的宽度
    private int textColor;          //中间的字体的颜色
    private float textSize;         //中间字体的大小

    private int progress;           //当前进度

    //构造器
    public MyCircleHuan(Context context) {
        this(context, null);
    }

    public MyCircleHuan(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyCircleHuan(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //获取自定义属性集合
        TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.MyCircle);
        //获取自定义属性或者默认值
        roundColor = mTypedArray.getColor(R.styleable.MyCircle_roundColor, Color.RED);
        roundProgressColor = mTypedArray.getColor(R.styleable.MyCircle_roundProgressColor, Color.BLACK);
        roundWidth = mTypedArray.getDimension(R.styleable.MyCircle_roundWidth, 10);
        textColor = mTypedArray.getColor(R.styleable.MyCircle_textColor, Color.argb(255, 255, 0, 255));
        textSize = mTypedArray.getDimension(R.styleable.MyCircle_textSize, 20.0f);
        //将TypeArray回收
        mTypedArray.recycle();
        //初始化画笔
        initPaint();
    }

    //初始化画笔
    private void initPaint() {
        mPaint = new Paint();
        //设置画笔风格
        mPaint.setStyle(Paint.Style.STROKE);  //空心
        mPaint.setAntiAlias(true);            //抗锯齿
    }
    //绘制View  重写onDraw()方法

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        //背景圆环
        int center = getWidth() / 2;                    //圆心
        int radius = (int) (center - roundWidth / 2);    //半径
        mPaint.setColor(roundColor);                //设置颜色
        mPaint.setStrokeWidth(roundWidth);          //设置圆环的宽度
        canvas.drawCircle(center, center, radius, mPaint); //控制画布画出圆环

        //显示进度
        mPaint.setColor(textColor);                 //设置字体颜色
        mPaint.setStrokeWidth(0);                   //宽度
        mPaint.setTextSize(textSize);               //字体大小
        mPaint.setTypeface(Typeface.DEFAULT);       //默认字体
//        int percent = (int) (((float) progress / (float) 100) * 100);  //中间的进度百分比
//        float textWidth = mPaint.measureText(percent + "%");   //测量字体宽度
        //显示进度
//        if (percent != 0) {
//            canvas.drawText(percent + "%", center - textWidth / 2, center + textSize / 2, mPaint);//画出字体
//        }
//        //为0时,显示0
//        else {
//            canvas.drawText("0%", center - textWidth / 2, center + textSize / 2, mPaint);//画出字体
//        }
        float textWidth = mPaint.measureText("78%");   //测量字体宽度
        //显示进度
        canvas.drawText("78%", center - textWidth / 2, center + textSize / 2, mPaint);//画出字体

        //进度条
        mPaint.setStrokeWidth(roundWidth);              //进度条的宽度
        mPaint.setColor(roundProgressColor);            //进度条的颜色
        //画进度条的区域
        RectF rectF = new RectF(center - radius, center - radius, center + radius, center + radius);
        mPaint.setStyle(Paint.Style.STROKE);            //空心
        canvas.drawArc(rectF, 0, 360 * progress / 100, false, mPaint);//绘制圆弧
    }
    /*暴露出的方法*/

    //设置当前进度
    public void setProgress(int progress)
    {
        if(progress>100||progress<0)
        {
            //默认等于100
            this.progress=100;
            Toast.makeText(getContext(), "进度必须在0 - 100 之间", Toast.LENGTH_SHORT).show();
            return;
            //或者抛异常
            //throw new IllegalArgumentException("进度必须在0-100之间");
        }
        this.progress=progress;
        //通知重绘
        this.postInvalidate();
    }
    //设置背景圆环的颜色
    public void setRoundColor(int color)
    {
        this.roundColor=color;
        //通知重绘
        this.postInvalidate();
    }
    //设置进度条的颜色
    public void setRoundProgressColor(int color)
    {
        this.roundProgressColor=color;
        //通知重绘
        this.postInvalidate();
    }
}
下面是MainActivity中的代码：
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.honey.test.view.MyCircleHuan;

import java.util.Timer;
import java.util.TimerTask;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    private Button change_btn,start_btn,restart_btn;
    private MyCircleHuan myCircleHuan;

    private int progress=0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        initView();
    }
    //初始化控件
    private void initView() {
        change_btn= (Button) findViewById(R.id.main_changeRoundColorBtn);
        start_btn= (Button) findViewById(R.id.main_startProgress);
        restart_btn= (Button) findViewById(R.id.main_restart);
        myCircleHuan= (MyCircleHuan) findViewById(R.id.main_mycircle);

        //添加点击事件
        change_btn.setOnClickListener(this);
        start_btn.setOnClickListener(this);
        restart_btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        Timer timer=new Timer();
        switch (view.getId())
        {
            case R.id.main_changeRoundColorBtn:
                myCircleHuan.setRoundColor(Color.argb(127,255,0,0));
                break;
            case R.id.main_startProgress:
                timer.schedule(new TimerTask() {
                    @Override
                    public void run() {
                        progress+=3;
                        myCircleHuan.setProgress(progress);
                        if(progress==99)
                        {
                            myCircleHuan.setProgress(100);
                            this.cancel();      //Timer结束
                        }
                    }
                },0,1000);
                break;
            case R.id.main_restart:
                timer.cancel();
                progress=0;
                myCircleHuan.setProgress(0);
                myCircleHuan.setRoundColor(Color.GRAY);
                break;
        }
    }
}
不要忘了写attrs中的：
<resources>
    <declare-styleable name="MyCircle">
        <attr name="roundColor" format="color"></attr>
        <attr name="roundProgressColor" format="color"/>
        <attr name="roundWidth" format="dimension"></attr>
        <attr name="textColor" format="color"/>
        <attr name="textSize" format="dimension"/>
    </declare-styleable>
</resources>
还有dimens：
<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>
最后就是xml布局中的：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:mine="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:id="@+id/main_changeRoundColorBtn"
        android:text="改变外层圆环颜色"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/main_startProgress"
        android:text="开始"
        android:layout_alignParentBottom="true"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/main_restart"
        android:text="重置"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"/>
    <com.honey.test.view.MyCircleHuan
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:id="@+id/main_mycircle"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        mine:roundColor="#888"
        mine:roundProgressColor="#000"
        mine:roundWidth="10dp"
        mine:textColor="#f0f"
        mine:textSize="20dp"
        />
</RelativeLayout>
以上就是简单的自定义view画圆的实现了。