效果圖:
這里寫(xiě)圖片描述
如果沒(méi)有左右2個(gè)邊界的判斷, 其實(shí)還是很簡(jiǎn)單的.
那就不斷繪制drawCircle就可以了.
難就難在左右邊界這2個(gè)特殊的地方.
我這里使用了drawArc的方法,完成左右2個(gè)特殊的地方.
部分代碼:
//首先繪制 內(nèi)圓. 也就是沒(méi)有透明顏色的圓
mPaint.setColor(mCircleColor);
canvas.drawCircle(mCx, mCy, Math.min(curRadius, mCircleRadius), mPaint);
//其次 繪制,帶有透明顏色的圓
mPaint.setColor(mCircleColorOut);
canvas.drawCircle(mCx, mCy, Math.min(curRadius, mCircleRadiusOut), mPaint);
//最后判斷是否是左右特殊位置, 繪制arc
if (drawLeft) {
mPaint.setColor(mCircleColor);
canvas.drawArc(getArcRecF(Math.min(curRadius, mCircleRadiusMax)), 90, 180, true, mPaint);
} else if (drawRight) {
mPaint.setColor(mCircleColor);
canvas.drawArc(getArcRecF(Math.min(curRadius, mCircleRadiusMax)), -90, 180, true, mPaint);
}
//為了動(dòng)畫(huà),需要一直改變繪制的半徑
if (curRadius < maxRadius) {
curRadius += mRadiusDrawStep;
invalidateSelf();
}
使用方法:
//設(shè)置普通的背景
button.setBackground(new CircleAnimDrawable().setPosition(CircleAnimDrawable.POS_LEFT));
button.setBackground(new CircleAnimDrawable().setPosition(CircleAnimDrawable.POS_CENTER));
button.setBackground(new CircleAnimDrawable().setPosition(CircleAnimDrawable.POS_RIGHT));
//如果要在RadioButton里面使用,需要包一層Drawable
private Drawable createRadioBackground(int position) {
StateListDrawable listDrawable = new StateListDrawable();
listDrawable.addState(new int[]{android.R.attr.state_checked}, new CircleAnimDrawable().setPosition(position));
return listDrawable;
}
至此: 文章就結(jié)束了,如有疑問(wèn): QQ群:274306954 歡迎您的加入.
