Android 画图详解 圆形进度条CircleProgressBar

先来介绍一下画几何图形要用到的，画布(Canvas)、画笔(Paint)。

1. 画一个圆使用的是drawCircle：canvas.drawCircle(cx, cy, radius, paint);x、y代表坐标、radius是半径、paint是画笔，就是画图的颜色;

2. 在画图的时候还要有注意，你所画的矩形是实心(paint.setStyle(Paint.Style.FILL))还是空心(paint.setStyle(Paint.Style.STROKE);

画图的时候还有一点，那就是消除锯齿：paint.setAntiAlias(true);

3. 还有就是设置一种渐变颜色的矩形：

     Shader mShader = new LinearGradient(0,0,100,100, new int[]{Color.RED,Color.GREEn,Color.BLUE,Color.YELLO},null,Shader.TileMode.REPEAT);

ShapeDrawable sd;

//画一个实心正方形

sd = new ShapeDrawable(new RectShape());

sd.setBounds(20,20,100,100);

sd.draw(canvas);

//一个渐变色的正方形就完成了

 

4. 正方形：drawRect：canvas.drawRect(left, top, right, bottom, paint)

这里的left、top、right、bottom的值是：

left：是矩形距离左边的X轴

top：是矩形距离上边的Y轴

right：是矩形距离右边的X轴

bottom：是矩形距离下边的Y轴

5. 长方形：他和正方形是一个原理，这个就不用说了

6. 椭圆形:记住，这里的Rectf是float类型的

RectF re = new Rect(left, top, right, bottom);

canvas.drawOval(re,paint);

以上是转载他人的

public class CircleProgressBar extends View {
    private int maxProgress = 10;//最大进度
    private int progress = 0;//当前进度
    private int progressStrokeWidth = 6;//线宽
    // 画圆所在的矩形区域
    RectF oval;
    Paint paint;

    public CircleProgressBar(Context context) {
        super(context);
        // TODO 自动生成的构造函数存根
    }

    public CircleProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO 自动生成的构造函数存根
        oval = new RectF();
        paint = new Paint();
    }

    public CircleProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO 自动生成的构造函数存根
    }

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

        /**
         * 画最外层的大圆环
         */
        int centre = getWidth()/2; //获取圆心的x坐标
        int radius = (int) (centre - progressStrokeWidth/2); //圆环的半径
        paint.setColor(Color.WHITE);//(roundColor); //设置圆环的颜色
        paint.setStyle(Paint.Style.STROKE); //设置空心
        paint.setStrokeWidth(progressStrokeWidth); //设置圆环的宽度
        paint.setAntiAlias(true);  //消除锯齿
        canvas.drawCircle(centre, centre, radius, paint); //画出圆环

        /**
         * 画圆弧 ，画圆环的进度
         */

        //设置进度是实心还是空心
        paint.setStrokeWidth(progressStrokeWidth); //设置圆环的宽度
        paint.setColor(Color.rgb(0x57, 0x87, 0xb6));  //设置进度的颜色
        RectF oval = new RectF(centre - radius, centre - radius, centre
                + radius, centre + radius);  //用于定义的圆弧的形状和大小的界限

        paint.setStyle(Paint.Style.STROKE);
        canvas.drawArc(oval, -90, 360 * progress / maxProgress, false, paint);  //根据进度画圆弧  绘制白色圆圈，即进度条背景
    }

    public int getMaxProgress(){
        return maxProgress;
    }

    public void setMaxProgress(int maxProgress){
        this.maxProgress = maxProgress;
    }

    public void setProgress(int progress){
        this.progress = progress;
        this.invalidate();
    }

    public void setProgressNotInUiThread(int progress){
        this.progress = progress;
        this.postInvalidate();
    }

}