自定义圆形进度条

自定义圆形进度条



*/

public class RoundProgress extends View {
//    //   
属性
//    private int roundColor = Color.GRAY;
//    private int roundProgressColor = Color.RED;
//    private int textColor = Color.BLUE;
//
//    private int roundWidth = UIUtils.dp2px(10);//线的宽度
//    private int textSize = UIUtils.dp2px(20);//字体的大小
//
//    private int width;
//    private Paint paint;
//
//    //   
提供当前进度和最大值
//    private int progress = 60;
//    private int max = 100;

    //   
自定义属性的声明
   
private int roundColor;

    private int roundProgressColor;

    private int textColor;

    private int roundWidth;//线的宽度
   
private int textSize;//字体的大小

   
private int width;

    private Paint paint;

    //   
提供当前进度和最大值
   
private int progress;

    private int max;

    public RoundProgress(Context context) {

        this(context, null);

    }

    public RoundProgress(Context context, AttributeSet attrs) {

        this(context, attrs, 0);

    }

    public RoundProgress(Context context, AttributeSet attrs, int defStyleAttr) {

        super(context, attrs, defStyleAttr);

        //1.获取typedArray对象
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundProgress);

        //2.获取布局文件中声明的自定义属性的值
       roundColor = typedArray.getColor(R.styleable.RoundProgress_roundColor, Color.GRAY);

        roundProgressColor = typedArray.getColor(R.styleable.RoundProgress_roundProgressColor, Color.RED);

        textColor = typedArray.getColor(R.styleable.RoundProgress_textColor, Color.GREEN);

        roundWidth = (int) typedArray.getDimension(R.styleable.RoundProgress_roundWidth, UIUtils.dp2px(10));

        textSize = (int) typedArray.getDimension(R.styleable.RoundProgress_textSize, UIUtils.dp2px(20));

        progress = typedArray.getInteger(R.styleable.RoundProgress_progress,40);

        max = typedArray.getInteger(R.styleable.RoundProgress_max,100);

        //3.回收
        typedArray.recycle();

        paint = new Paint();//初始化画笔
       paint.setAntiAlias(true);//去除毛边

    }

    public int getRoundColor() {

        return roundColor;

    }

    public void setRoundColor(int roundColor) {

        this.roundColor = roundColor;

    }

    public int getMax() {

        return max;

    }

    public void setMax(int max) {

        this.max = max;

    }

    public int getProgress() {

        return progress;

    }

    public void setProgress(int progress) {

        this.progress = progress;

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        width = this.getMeasuredWidth();//获取当前视图的宽度
    }

    @Override
    protected void onDraw(Canvas canvas) {

        super.onDraw(canvas);
//       
绘制圆环
//       
设置圆环的中心点
       int dx = width / 2;

        int dy = width / 2;

        //       
设置半径
       int radius = width / 2 - roundWidth / 2;

        paint.setColor(roundColor);

        paint.setStyle(Paint.Style.STROKE);//设置画笔风格，空心(画一个圆里面是空的)
       
paint.setStrokeWidth(roundWidth);//设置画笔的宽度，也就是线宽
        canvas.drawCircle(dx, dy, radius, paint);//画的圆的中心点，半径，取内圆与外圆的平均值

//       
绘制圆弧
//       
理解为包裹圆环中心线的圆的矩形
        RectF rectF = new RectF(roundWidth / 2, roundWidth / 2, width - roundWidth / 2, width - roundWidth / 2);

        paint.setColor(roundProgressColor);

        canvas.drawArc(rectF, 0, progress * 360 / max, false, paint); //false为不关联中心点

//       
绘制文本

       //设置画笔
       paint.setColor(textColor);

        paint.setTextSize(textSize);

        paint.setStrokeWidth(0);

        String text = progress*100 / max + "%";

        Rect bound=new Rect();//此时包裹文本的矩形框没有宽度和高度
       paint.getTextBounds(text,0,text.length(),bound);//使其宽度和高度正好包裹文本内容
//       提供文本区域的左，下
       int left=width/2-bound.width()/2;

        int bottom=width/2+ bound.height()/2;

        canvas.drawText(text,left,bottom,paint);

    }
}
布局

<com.example.administrator.p2p.ui.RoundProgress
   
android:id="@+id/roundp_home"
   
android:layout_width="120dp"
   
android:layout_height="120dp"
   
android:layout_marginTop="20dp"
   
whq:roundColor="@color/product_detail_common"
   
whq:roundProgressColor="@color/round_red_common"
   
whq:textColor="@color/title_text"
   
whq:roundWidth="10dp"
   
whq:textSize="20sp"
   
whq:max="100"
   whq:progress="86"/>

values下新建attrs文件

<declare-styleable name="RoundProgress">

    <attr name="roundColor" format="color" />

    <attr name="roundProgressColor" format="color" />

    <attr name=
a738
"textColor" format="color" />

    <attr name="roundWidth" format="dimension" />

    <attr name="textSize" format="dimension" />

    <attr name="progress" format="integer" />

    <attr name="max" format="integer" />

</declare-styleable>