自定义控件（六）- 百分比圆形

在自定义控件（2）里面我们做了一个百变的圆形，那我们就以那个为基础，在外边在加一层能根据百分比进行滚动的圆。
1。要在现有的圆外面添加一层滚动的圆弧，那首先我们先给他设置一个方法，让我们知道应该滚动多少

    //设置目标的百分比
    public void setTargetPercent(int percent) {
        this.mTargetPercent = percent;
    }

1. 根据自定义的半径属性，画圆弧
   画圆弧，首先得有个矩形：

//画中心园的外接矩形，用来画圆环用，中心点是(CircleX,CircleY)
mArcRectF = new RectF(mCircleX-mRadius, mCircleY-mRadius, mCircleX+mRadius, mCircleY+mRadius);

3.先定义一个开始画线的角度，

        //圆环开始角度 -90° 正北方向
        mStartSweepValue = -90;
        //当前角度
        mCurrentAngle = 0;
        //当前百分比
        mCurrentPercent = 0;

4

        //设置外圆环的画笔
        mArcPaint = new Paint();
        mArcPaint.setAntiAlias(true);
        mArcPaint.setColor(getResources().getColor(R.color.colorPrimary));
        mArcPaint.setStyle(Paint.Style.STROKE);
        mArcPaint.setStrokeWidth((float) (0.075 * mCircleX));
        //画圆环
        canvas.drawArc(mArcRectF, mStartSweepValue, mCurrentAngle, false, mArcPaint);
        //判断当前百分比是否小于设置目标的百分比
        if (mCurrentPercent < mTargetPercent) {
            //当前百分比+1
            mCurrentPercent += 1;
            setmText(mCurrentPercent + "%");
            //当前角度+360
            mCurrentAngle += 3.6;
            //每10ms重画一次
            postInvalidateDelayed(10);
        }

然后就可以得到支持各种自定义的百分比圆形啦

下载地址：http://download.csdn.net/detail/qq_29375071/9388695