如何使用CircularCounter實現雙層原形進度條效果

這篇文章主要介紹了如何使用CircularCounter實現雙層原形進度條效果，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

CircularCounter 雙層原形進度條效果

CircularCounter 雙層原形進度條,根據數據的變化而增減的，支持逆向旋轉。
本項目主要由CircularCounter自定義控件實現， CircularCounter extends View，
主要由如下代碼畫出：
@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawCircle(mBackgroundCenter, mBackgroundCenter,
                mBackgroundRadius, mBackgroundPaint);

        canvas.drawArc(mOneBounds, START_DEGREES, mOneDegrees, false, mOnePaint);
        canvas.drawArc(mTwoBounds, START_DEGREES, mTwoDegrees, false, mTwoPaint);
        canvas.drawArc(mThreeBounds, START_DEGREES, mThreeDegrees, false,
                mThreePaint);

        canvas.drawText(Integer.toString(mOneValue), mOneBounds.centerX(),
                mTextPosY, mTextPaint);
        canvas.drawText(mMetricText, mOneBounds.centerX(), mMetricPosY,
                mMetricPaint);
    }
    

進度值變化設置：
/*
     * Setters
     *
     */

    /**
     * Set the next values to be drawn
     * @param v1
     * @param v2
     * @param v3
     */
    public void setValues(int v1, int v2, int v3) {

        if (v1 <= mRange)
            mOneDegrees = Math.round(((float) v1 * 360) / mRange);
        else
            mOneDegrees = 360;

        if (v2 <= mRange)
            mTwoDegrees = Math.round(((float) v2 * 360) / mRange);
        else
            mTwoDegrees = 360;

        if (v3 <= mRange)
            mThreeDegrees = Math.round(((float) v3 * 360) / mRange);
        else
            mThreeDegrees = 360;

        mOneValue = v1;

        mSpinHandler.sendEmptyMessage(0);
    }
   

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何使用CircularCounter實現雙層原形進度條效果”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!