<!-- 自定義View的名字 StepView -->
        <!-- name 屬性名稱  format 格式
        string 文字    color 顏色    dimension 字體大小
        integer 數(shù)字   reference 資源或者顏色
        -->
<declare-styleable name="StepView">
        <attr name="borderWidth" format="dimension" />
        <attr name="outColor" format="color" />
        <attr name="innerColor" format="color" />
        <attr name="unit" format="string" />
        <attr name="currentStep" format="integer" />
        <attr name="maxStep" format="integer" />
    </declare-styleable>

package cn.wwj.customview.widget
import android.animation.ValueAnimator
import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Rect
import android.graphics.RectF
import android.util.AttributeSet
import android.util.Log
import android.util.TypedValue
import android.view.animation.AccelerateInterpolator
import androidx.appcompat.widget.AppCompatTextView
import cn.wwj.customview.R
class StepView : AppCompatTextView {
    /**
     * 當(dāng)前走了多少步
     */
    private var mCurrentStep: Int = 0
    /**
     * 最大走多少步,比如兩萬(wàn)步 20000步
     * 默認(rèn)100步,有個(gè)成語(yǔ)50步笑100步
     */
    private var mMaxStep: Int = 100
    /**
     * 單位：步 %等
     */
    private var mUnit: String?
    /**
     * 設(shè)置圓弧的邊框線寬度
     */
    private var mBorderWidth: Float = dp2px(6F)
    /**
     * 設(shè)置外部圓弧的顏色
     */
    private var mOuterColor: Int = resources.getColor(android.R.color.holo_blue_light)
    /**
     * 設(shè)置內(nèi)部圓弧的顏色
     */
    private var mInnerColor: Int = resources.getColor(android.R.color.holo_red_light)
    /**
     * 圓弧畫(huà)筆
     */
    private var mArcPaint: Paint = Paint()
    /**
     * 文本畫(huà)筆，用于繪畫(huà)走了多少步
     */
    private var mTextPaint: Paint = Paint()
    /**
     * 日志過(guò)濾標(biāo)簽
     */
    private val TAG = javaClass.simpleName
    /**
     * 圓弧起始角度
     */
    private var mStartAngle = 135F
    /**
     * 圓弧從起始角度開(kāi)始，掃描過(guò)的角度
     */
    private var mSweepAngle = mStartAngle * 2
    /**
     *  比如用于獲取一個(gè)圓弧的矩形,onDraw()方法會(huì)調(diào)用多次,不必每次都創(chuàng)建Rect()對(duì)象
     */
    private val mArcRect = RectF()
    /**
     *  比如用于獲取文字的大小,onDraw()方法會(huì)調(diào)用多次,不必每次都創(chuàng)建Rect()對(duì)象
     *  用同一個(gè)對(duì)象即可
     */
    private val mTextRect = Rect()
    /**
     * 值動(dòng)畫(huà)師
     */
    private var valueAnimator: ValueAnimator? = null
    /**
     * 最大進(jìn)度
     */
    private val MAX_PROGRESS = 100F
    constructor(context: Context)
            : this(context, null)
    constructor(context: Context, attrs: AttributeSet?)
            : this(context, attrs, 0)
    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int)
            : super(context, attrs, defStyleAttr) {
        val appearance = context.obtainStyledAttributes(attrs, R.styleable.StepView)
        mBorderWidth = appearance.getDimension(R.styleable.StepView_borderWidth, mBorderWidth)
        mOuterColor = appearance.getColor(R.styleable.StepView_outColor, mOuterColor)
        mInnerColor = appearance.getColor(R.styleable.StepView_innerColor, mInnerColor)
        mUnit = appearance.getString(R.styleable.StepView_unit)
        mCurrentStep = appearance.getInt(R.styleable.StepView_currentStep, 0)
        mMaxStep = appearance.getInt(R.styleable.StepView_maxStep, mMaxStep)
        appearance.recycle()
        setPaint()
    }
    /**
     * 設(shè)置 圓弧畫(huà)筆用于繪制圓弧 和 文本畫(huà)筆，用于繪畫(huà)走了多少步
     */
    private fun setPaint() {
        // 畫(huà)筆的顏色
        mArcPaint.color = mOuterColor
        // 抗抖動(dòng)
        mArcPaint.isDither = true
        // 抗鋸齒
        mArcPaint.isAntiAlias = true
        // 畫(huà)筆的樣式描邊,筆劃突出為半圓
        mArcPaint.style = Paint.Style.STROKE
        // 設(shè)置描邊的線帽樣式
        mArcPaint.strokeCap = Paint.Cap.ROUND
        // 設(shè)置描邊的寬度
        mArcPaint.strokeWidth = mBorderWidth
        // 畫(huà)筆的顏色
        mTextPaint.color = currentTextColor
        // 抗抖動(dòng)
        mTextPaint.isDither = true
        // 抗鋸齒
        mTextPaint.isAntiAlias = true
        // 畫(huà)筆的樣式描邊,筆劃突出為半圓
        mTextPaint.style = Paint.Style.FILL
        // 設(shè)置描邊的線帽樣式
        mTextPaint.strokeCap = Paint.Cap.ROUND
        // 設(shè)置文本大小
        mTextPaint.textSize = textSize
    }
    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        /**
         * 獲取控件的寬高
         */
        val widthSize = MeasureSpec.getSize(widthMeasureSpec)
        val heightSize = MeasureSpec.getSize(heightMeasureSpec)
        /**
         * 如果寬度大于高度,取高度
         * 否則取寬度
         */
        val result = if (widthSize > heightSize) {
            heightSize
        } else {
            widthSize
        }
        /**
         * 設(shè)置控件的寬高
         */
        setMeasuredDimension(result, result)
    }
    override fun onDraw(canvas: Canvas?) {
        // 將矩形設(shè)置為 (0,0,0,0)
        mArcRect.setEmpty()
        mTextRect.setEmpty()
        // 圓弧矩形左邊距,頂邊距,右邊距,底邊距
        val left = mBorderWidth / 2
        val top = mBorderWidth / 2
        val right = width - mBorderWidth / 2
        val bottom = height - mBorderWidth / 2
        mArcRect.set(left, top, right, bottom)
        // 繪制外部圓弧
        mArcPaint.color = mOuterColor
        canvas?.drawArc(mArcRect, mStartAngle, mSweepAngle, false, mArcPaint)
        // 繪制內(nèi)部部圓弧
        mArcPaint.color = mInnerColor
        val sweepAngle = mCurrentStep * 1F / mMaxStep * mSweepAngle
        canvas?.drawArc(mArcRect, mStartAngle, sweepAngle, false, mArcPaint)
        val stepText = if (mUnit != null) {
            "$mCurrentStep $mUnit"
        } else {
            mCurrentStep.toString()
        }
        // 獲取文本的寬高
        mTextPaint.getTextBounds(stepText, 0, stepText.length, mTextRect)
        val textX = width / 2F - mTextRect.width() / 2
        val textY = height / 2F + getBaseline(mTextPaint)
        // 繪制文本,第二個(gè)參數(shù)文本的起始索引,第三個(gè)參數(shù)要繪制的文字長(zhǎng)度
        // 開(kāi)始繪制文字的x 坐標(biāo) y 坐標(biāo)
        canvas?.drawText(stepText, 0, stepText.length, textX, textY, mTextPaint)
    }
    /**
     * @param progress 進(jìn)入0-100 之間
     * @param duration 動(dòng)畫(huà)時(shí)長(zhǎng),默認(rèn) 350毫秒
     */
    fun setProgress(progress: Int, duration: Long = 350) {
        valueAnimator?.cancel()
        valueAnimator = null
        val step = (progress / MAX_PROGRESS * mMaxStep).toInt()
        valueAnimator = ValueAnimator.ofInt(mCurrentStep, step.coerceAtMost(mMaxStep))
        valueAnimator?.duration = duration
        valueAnimator?.interpolator = AccelerateInterpolator()
        valueAnimator?.addUpdateListener {
            mCurrentStep = it.animatedValue as Int
            Log.d(TAG, "------$mCurrentStep")
            invalidate()
        }
        valueAnimator?.startDelay = 10
        valueAnimator?.start()
    }
    /**
     * @param maxStep  最多走多少步，比如2000步
     * @param duration 默認(rèn)動(dòng)畫(huà)時(shí)長(zhǎng)200
     */
    fun setMaxStep(maxStep: Int, duration: Long = 0) {
        mMaxStep = maxStep
        val progress = (mCurrentStep * 1F / mMaxStep * 100).toInt()
        setProgress(progress, duration)
    }
    /**
     * @param currentStep 當(dāng)前走了多少步
     * @param duration 默認(rèn)動(dòng)畫(huà)時(shí)長(zhǎng)200
     */
    fun setCurrentStep(currentStep: Int, duration: Long = 200) {
        mCurrentStep = currentStep
        val progress = (mCurrentStep * 1F / mMaxStep * 100).toInt()
        setProgress(progress, duration)
    }
    /**
     * 視圖從窗口分離時(shí)
     */
    override fun onDetachedFromWindow() {
        super.onDetachedFromWindow()
        valueAnimator?.cancel()
        valueAnimator = null
    }
    private fun dp2px(value: Float): Float {
        return TypedValue.applyDimension(
            TypedValue.COMPLEX_UNIT_DIP, value, resources.displayMetrics
        )
    }
    /**
     * 計(jì)算繪制文字時(shí)的基線到中軸線的距離
     * @param paint 畫(huà)筆
     * @return 返回基線的距離
     */
    private fun getBaseline(paint: Paint): Float {
        val fontMetrics: Paint.FontMetrics = paint.fontMetrics
        return (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom
    }
}

/**
     * 計(jì)算繪制文字時(shí)的基線到中軸線的距離
     * @param paint 畫(huà)筆
     * @return 返回基線的距離
     */
    private fun getBaseline(paint: Paint): Float {
        val fontMetrics: Paint.FontMetrics = paint.fontMetrics
        return (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom
    }