自定义环形进度条

#环形进度条

---

在app更新时需要用到这样一个环形进度条，不是很难，自己动手写了一个。

---

效果图如下：

---

贴出关键代码

• 重写onDraw( )方法

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

        //绘制圆环背景
        RectF rectF = new RectF(0 + rpPaint.getStrokeWidth() / 2,
                0 + rpPaint.getStrokeWidth() / 2,
                raduis * 2 - rpPaint.getStrokeWidth() / 2,
                raduis * 2 - rpPaint.getStrokeWidth() / 2);
        canvas.drawArc(rectF, 0, 360, false, rbPaint);

        //绘制圆环进度条
        canvas.drawArc(rectF, -90, angle, false, rpPaint);

        //绘制进度文字
        float x = raduis - txtPaint.measureText(txt) / 2;
        Paint.FontMetrics fontMetrics = txtPaint.getFontMetrics();
        float dy = -(fontMetrics.descent + fontMetrics.ascent) / 2;
        float y = raduis + dy;
        canvas.drawText(txt, x, y, txtPaint);
    }

通过修改drawArc (RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint) 方法中sweepAngle达到绘制的动画效果。

• 另外还自定义了几个属性供设置环形进度条的样式：

txtsize – 设置进度条中间字体的大小
txtcolor – 设置进度条中间字体的颜色
rbColor – 设置进度条背景环形的颜色
rpColor – 设置进度条的颜色
roundWidth – 设置进度条的宽度

• 配置文件中的代码

<com.my.roundpro.RoundProView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/roundview"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_centerInParent="true"
        app:rbColor="@android:color/darker_gray"
        app:roundWidth="20dp"
        app:rpColor="@android:color/holo_orange_dark"
        app:txtcolor="@color/colorPrimaryDark"
        app:txtsize="30dp" />

---

简单的贴了一下代码，方便使用。代码链接：
https://github.com/markfeng8/RoundPro

记录学习，仅供参考