Android 自定义进度条

一、废话少说先上图

二、思路

主要是使用自定义view和自定义属性去实现刷新

三、代码

attr.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="CustomProgressBar">
        <attr name="roundProgressColor" format="color" />
        <attr name="roundColor" format="color" />
        <attr name="roundWidth" format="dimension" />
        <attr name="textSize" format="dimension" />
        <attr name="textColor" format="color" />
        <attr name="max" format="integer" />
        <attr name="textShow" format="boolean" />
        <attr name="sleepTime" format="integer" />
        <attr name="style">
            <enum name="STROKE" value="0" />
            <enum name="FILL" value="1" />
        </attr>
    </declare-styleable>
</resources>

CustomProgressBar.java

public class CustomProgressBar extends View {

    private int roundProgressColor;
    private int roundColor;
    private float roundWidth;
    private float textSize;
    private int textColor;
    private int max;
    private boolean textShow;
    private int style;
    private Paint mPaint;
    private final int STOKE = 0;
    private final int FILL = 1;
    private int progress;
    private int sleepTime;//睡眠时间

    public CustomProgressBar(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        //获取自定义属性数组
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomProgressBar);
        roundProgressColor = typedArray.getColor(R.styleable.CustomProgressBar_roundProgressColor, Color.RED);
        roundColor = typedArray.getColor(R.styleable.CustomProgressBar_roundColor, Color.BLUE);
        roundWidth = typedArray.getDimension(R.styleable.CustomProgressBar_roundWidth, 50);
        textSize = typedArray.getDimension(R.styleable.CustomProgressBar_textSize, 25);
        textColor = typedArray.getColor(R.styleable.CustomProgressBar_textColor, Color.GREEN);
        max = typedArray.getInteger(R.styleable.CustomProgressBar_max, 100);
        textShow = typedArray.getBoolean(R.styleable.CustomProgressBar_textShow, false);
        style = typedArray.getInteger(R.styleable.CustomProgressBar_style, 0);
        sleepTime = typedArray.getInteger(R.styleable.CustomProgressBar_sleepTime, 100);
        //释放TypedArray实例，从而使其可被其他模块复用
        typedArray.recycle();

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //画默认大圆环
        int center = getWidth() / 2;//中心坐标点
        float radius = center - roundWidth / 2;//半径

        mPaint.setColor(roundColor);
        mPaint.setStyle(Paint.Style.STROKE);//设置空心（描边）
        //设置圆环宽度
        mPaint.setStrokeWidth(roundWidth);
        //设置抗锯齿
        mPaint.setAntiAlias(true);
        //绘制圆
        canvas.drawCircle(center, center, radius, mPaint);

        //绘制进度百分比
        mPaint.setColor(textColor);
        //圆环的宽度
        mPaint.setStrokeWidth(0);
        mPaint.setTextSize(textSize);
        mPaint.setTypeface(Typeface.DEFAULT_BOLD);
        int percent = (int) (progress / (float) max * 100);
        if (textShow && percent != 0 && style == STOKE) {
            //descent下基准线位置，ascent上基准线位置
            canvas.drawText(percent + "%",
                    (getWidth() - mPaint.measureText(percent + "%")) / 2f,
                    getWidth() / 2f - (mPaint.descent() + mPaint.ascent()) / 2f,
                    mPaint);
        }
        //画圆弧
        //矩形区域，定义圆弧的形状大小
        RectF oval = new RectF(center - radius, center - radius, center + radius, center + radius);
        mPaint.setColor(roundProgressColor);
        mPaint.setStrokeWidth(roundWidth);
        switch (style) {
            case STOKE:
                mPaint.setStyle(Paint.Style.STROKE);
                /**
                 * RectF 圆弧所在的椭圆对象,
                 * startAngle圆弧的起始角度
                 * sweepAngle圆弧的角度
                 * useCenter 是否显示半径连线，true表示显示圆弧与圆心的半径连线，false表示不显示。
                 * Paint 画笔
                 */
                canvas.drawArc(oval, 0, 360 * progress / max, false, mPaint);
                break;
            case FILL:
                mPaint.setStyle(Paint.Style.FILL);
                if (progress != 0)
                    canvas.drawArc(oval, 0, 360 * progress / max, true, mPaint);
                break;
        }
    }


    public synchronized int getMax() {
        return max;
    }

    public synchronized void setMax() {
        if (max < 0) {
            throw new IllegalArgumentException("max不能小于0");
        }
        this.max = max;
    }

    public synchronized int getProgress() {
        return progress;
    }

    public synchronized void setProgress(int progress) {
        if (progress < 0) {
            throw new IllegalArgumentException("progress不能小于0");
        }
        if (progress > max) {
            progress = max;
        }
        if (progress <= max) {
            this.progress = progress;
            postInvalidate();
        }
    }

    //开始绘制
    public void startDraw() {
        new Thread(new Runnable() {
            @Override
            public void run() {
                while (progress <= 100) {
                    progress += 2;
                    setProgress(progress);
                    try {
                        Thread.sleep(sleepTime);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
        }).start();
    }

    public int getRoundColor() {
        return roundColor;
    }


    public void setRoundColor(int roundColor) {
        this.roundColor = roundColor;
    }


    public int getRoundProgressColor() {
        return roundProgressColor;
    }


    public void setRoundProgressColor(int roundProgressColor) {
        this.roundProgressColor = roundProgressColor;
    }


    public int getTextColor() {
        return textColor;
    }


    public void setTextColor(int textColor) {
        this.textColor = textColor;
    }


    public float getTextSize() {
        return textSize;
    }


    public void setTextSize(int textSize) {
        this.textSize = textSize;
    }


    public float getRoundWidth() {
        return roundWidth;
    }


    public void setRoundWidth(int roundWidth) {
        this.roundWidth = roundWidth;
    }


    public boolean isTextShow() {
        return textShow;
    }


    public void setTextShow(boolean textShow) {
        this.textShow = textShow;
    }
}

main.xml

<com.test.view.CustomProgressBar
        android:id="@+id/progressbar"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:roundProgressColor="#ff00ff"
        app:roundWidth="15dp"
        app:textColor="#ff0000"
        app:textShow="true"
        app:textSize="20dp" />

然后获取自定义控件的对象，设置点击事件调用startDraw()就可以