这篇文章主要介绍了如何使用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实现双层原形进度条效果”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!