自定义圆形进度条

示例.png

示例 (2).png

示例 (3).png

示例 (4).png

实现

override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        //圆心位置
        centerPosition!!.x = w / 2
        centerPosition!!.y = h / 2
        //半径
        val maxCirWidth = Math.max(mCirWidth!!, mBgCirWidth!!)
        val minWidth =
            Math.min(w - paddingLeft - paddingRight - 2 * maxCirWidth, h - paddingBottom - paddingTop - 2 * maxCirWidth)
        raduis = minWidth / 2
        mOuterRaduis = raduis!! + maxCirWidth / 2
        //矩形坐标
        mRectF!!.left = centerPosition!!.x - raduis!! - maxCirWidth / 2
        mRectF!!.top = centerPosition!!.y - raduis!! - maxCirWidth / 2
        mRectF!!.right = centerPosition!!.x + raduis!! + maxCirWidth / 2
        mRectF!!.bottom = centerPosition!!.y + raduis!! + maxCirWidth / 2

        if (isGradient!!) {
            sweepGradientCircle()//圆环颜色渐变
        }
    }

private fun drawText(canvas: Canvas?) {


        canvas!!.drawText(
            mValue.toString(),
            centerPosition!!.x.toFloat(),
            centerPosition!!.y.toFloat(),
            mValuePaint!!
        )

        if (mUnit != null || mUnit != "") {
            canvas.drawText(
                mUnit.toString(),
                centerPosition!!.x + mValuePaint!!.measureText(mValue.toString()) / 2,
                centerPosition!!.y.toFloat(),
                mUnitPaint!!
            )
        }

        if (mHint != null || mHint != "") {
            canvas.drawText(
                mHint.toString(),
                centerPosition!!.x.toFloat(),
                centerPosition!!.y - mHintPaint!!.ascent() + 3,
                mHintPaint!!
            )
        }

    }

    /**
     * 使用渐变色画圆
     */
    private fun sweepGradientCircle() {
        mSweepGradient =
                SweepGradient(centerPosition!!.x.toFloat(), centerPosition!!.y.toFloat(), mGradientColors!!, null)
        mCirPaint!!.shader = mSweepGradient
    }

    /**
     * 画圆
     */
    private fun drawCircle(canvas: Canvas?) {
        canvas!!.save()
        if (mShadowIsShow!!) {
            mCirPaint!!.setShadowLayer(mShadowSize!!, 0f, 0f, mShadowColor!!)//设置阴影
        }
        //画背景圆
        canvas.drawArc(mRectF!!, mStartAngle!!, mSweepAngle!!, false, mBgCirPaint!!)
        //画圆
        canvas.drawArc(mRectF!!, mStartAngle!!, mSweepAngle!! * mPercent!!, false, mCirPaint!!)
        canvas.restore()
    }

圆形进度条api

使用

将MyCircleProgressView和attrs.xml下的MyCircleProgressView拷贝到自己的项目下，并修改控件引用，即可使用。

地址

https://github.com/2016lc/MyCircleProgress