您好,登錄后才能下訂單哦!
這篇文章主要介紹了如何使用CircularCounter實(shí)現(xiàn)雙層原形進(jìn)度條效果,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
CircularCounter 雙層原形進(jìn)度條,根據(jù)數(shù)據(jù)的變化而增減的,支持逆向旋轉(zhuǎn)。
本項(xiàng)目主要由CircularCounter自定義控件實(shí)現(xiàn), 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);
}
進(jìn)度值變化設(shè)置:
/*
* 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);
}
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“如何使用CircularCounter實(shí)現(xiàn)雙層原形進(jìn)度條效果”這篇文章對大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。