사용자 정의 LoadingView 대전
개술
때때로 나 는 어떤 애니메이션 의 알고리즘 을 실현 하기 위해 머리 를 쥐 어 짜 고 고심 하기 도 한다.흔히 초고 위 에 애니메이션 의 궤적 을 그립 니 다. 정말 며칠 동안 애니메이션 의 실현 을 고민 하지만 마지막 에 성공 한 후에 정말 기 쁩 니 다.
나 는 계속해서
LodingView
의 문장 을 낸 적 이 있 지만, 모두 비교적 난잡 하 다.최근 에 나 는 인터넷 에서 그림 한 장 을 보고 코드 를 통 해 실현 되 었 다.여기 서 감사합니다.원본 코드 다운로드
먼저 그림 을 그 려 서 말 하기:
WSCircleCD
public class WSCircleCD extends View {
private Paint mPaint;
private Context mContext;
private int circleCenterX, circleCenterY;
private int circleRadius;
private final static float RADIUS_RATIO = 2 / 3f;
public WSCircleCD(Context context) {
this(context, null);
}
public WSCircleCD(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public WSCircleCD(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
private void init(Context context) {
mContext = context;
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setDither(true);
mPaint.setColor(Color.WHITE);
mPaint.setStyle(Paint.Style.STROKE);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
// wrap_content
int defaultDimension = dip2px(100);
if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(defaultDimension, defaultDimension);
} else if (widthSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(defaultDimension, heightSpecSize);
} else if (heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(widthSpecSize, defaultDimension);
}
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
circleCenterX = w / 2;
circleCenterY = h / 2;
// padding
circleRadius = (int) (Math.min(Math.min(circleCenterY - getPaddingTop(), circleCenterY - getPaddingBottom()),
Math.min(circleCenterX - getPaddingLeft(), circleCenterX - getPaddingRight())) * RADIUS_RATIO);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(dip2px(2));
canvas.drawCircle(circleCenterX, circleCenterY, circleRadius, mPaint);//
canvas.drawCircle(circleCenterX, circleCenterY, dip2px(4), mPaint);//
//
RectF rectF = new RectF(circleCenterX - circleRadius * RADIUS_RATIO, circleCenterY - circleRadius * RADIUS_RATIO,
circleCenterX + circleRadius * RADIUS_RATIO, circleCenterY + circleRadius * RADIUS_RATIO);
canvas.drawArc(rectF, 0, 80, false, mPaint);
canvas.drawArc(rectF, 180, 80, false, mPaint);
rectF = new RectF(circleCenterX - circleRadius / 2, circleCenterY - circleRadius / 2,
circleCenterX + circleRadius / 2, circleCenterY + circleRadius / 2);
canvas.drawArc(rectF, 0, 80, false, mPaint);
canvas.drawArc(rectF, 180, 80, false, mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
RotateAnimation animation = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
animation.setInterpolator(new LinearInterpolator());
animation.setRepeatCount(-1);
animation.setDuration(1000);
animation.setFillAfter(true);
startAnimation(animation);
}
});
}
public void setPaintColor(int color) {
mPaint.setColor(color);
}
/** * dp px( ) */
public int dip2px(float dpValue) {
final float scale = mContext.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
}
빨 간 글자 주석 을 설명 하 는 곳 입 니 다. 왜 View 를 레이아웃 할 때 크기 를 wrap 로 설정 하 는 지 설명 합 니 다.content 하지만 실제로는 matchparent 효과?구 글 의 동생 사용자 정의 View 시리즈 튜 토리 얼 02 – onMeasure 소스 코드 를 찾 아 상세 하 게 분석 하 십시오.처리
@ldoublem
상황, 그렇지 않 으 면 레이아웃 LodingView
파일 설정 padding
값 이 잘못 되 었 습 니 다.그리 기 과정 이 비교적 간단 합 니 다. 저 는 더 이상 상세 하 게 설명 하지 않 겠 습 니 다. 모 르 는 것 이 있 으 면 메 시 지 를 남 겨 주세요.WSCircleSun
WSCircleSun 은 주로 작은 원 의 회전 을 제어 하 는데, 이동 할 때마다 각도 가 증가한다
xml
.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(circleRadius * SMALL_RADIUS_RATIO);
//
for (int i = 0; i < SMALL_CIRCLE_COUNT; i++) {
canvas.drawCircle((float) (circleCenterX + circleRadius * Math.sin(Math.toRadians(i * 360 / SMALL_CIRCLE_COUNT + moveAngle))),
(float) (circleCenterY + circleRadius * Math.cos(Math.toRadians(i * 360 / SMALL_CIRCLE_COUNT + moveAngle))),
circleRadius * SMALL_RADIUS_RATIO,
mPaint);
}
//
canvas.drawCircle(circleCenterX, circleCenterY, circleRadius * LARGE_RADIUS_RATIO, mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofInt(0, 361);
animator.setDuration(3000);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
moveAngle = (int) valueAnimator.getAnimatedValue();
postInvalidate();
}
});
animator.start();
}
});
}
WSCircleRing
padding
주로 호 도 를 제어 하 는 moveAngle
이다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setColor(Color.WHITE);
mPaint.setStrokeWidth(circleRadius * RING_RADIUS_RATIO);
canvas.drawCircle(circleCenterX, circleCenterY, circleRadius, mPaint);//
mPaint.setColor(Color.parseColor("#FF4081"));
RectF rectF = new RectF(circleCenterX - circleRadius, circleCenterY - circleRadius,
circleCenterX + circleRadius, circleCenterY + circleRadius);
canvas.drawArc(rectF, 0 + moveAngle, 80, false, mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofInt(0, 361);
animator.setDuration(1000);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
moveAngle = (int) valueAnimator.getAnimatedValue();
postInvalidate();
}
});
animator.start();
}
});
}
WSCircleFace
WSCircle Face 는 주로 얼굴의 등장 과 소멸 을 통제 하 는데 애니메이션 이 등장 한 후 얼굴 이 나타 나 고 반대로 사라 진다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(circleRadius * FACE_RADIUS_RATIO);
RectF rectF = new RectF(circleCenterX - circleRadius, circleCenterY - circleRadius,
circleCenterX + circleRadius, circleCenterY + circleRadius);
canvas.drawArc(rectF, startAngle, 180, false, mPaint);
mPaint.setStyle(Paint.Style.FILL);
if (isFace) { //
canvas.drawCircle((float) (circleCenterX - circleRadius * Math.sin(Math.toRadians(EYE_ROUND))),
(float) (circleCenterY - circleRadius * Math.cos(Math.toRadians(EYE_ROUND))), mPaint.getStrokeWidth() * 3 / 2, mPaint);
canvas.drawCircle((float) (circleCenterX + circleRadius * Math.sin(Math.toRadians(EYE_ROUND))),
(float) (circleCenterY - circleRadius * Math.cos(Math.toRadians(EYE_ROUND))), mPaint.getStrokeWidth() * 3 / 2, mPaint);
}
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(1500);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
float mAnimatedValue = (float) valueAnimator.getAnimatedValue();
if (mAnimatedValue < 0.5) {
isFace = false;
startAngle = (int) (720 * mAnimatedValue);
} else {
startAngle = 720;
isFace = true;
}
postInvalidate();
}
});
animator.start();
}
});
}
WSCircleJump
WSCircle Jump 는 주로 작은 원 의 점프 를 제어 합 니 다. 이전 작은 원 의 점프 가 끝 난 후에 다음 작은 원 이 시 작 됩 니 다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(mRadius * JUMP_BALL_RATIO);
//
for (int i = 0; i < BALL_COUNT; i++) {
if (i == currentBallPosition) {
canvas.drawCircle((centerX - mRadius) + 2 * mRadius / (BALL_COUNT - 1) * i,
centerY - ballJumpY, mPaint.getStrokeWidth(), mPaint);
} else {
canvas.drawCircle((centerX - mRadius) + 2 * mRadius / (BALL_COUNT - 1) * i,
centerY, mPaint.getStrokeWidth(), mPaint);
}
}
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(500);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
mAnimatedValue = (float) valueAnimator.getAnimatedValue();
if (mAnimatedValue < 0.5) {
ballJumpY = mAnimatedValue * mRadius;
} else {
ballJumpY = (1 - mAnimatedValue) * mRadius;
}
postInvalidate();
}
});
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animation) {
super.onAnimationStart(animation);
}
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
}
@Override
public void onAnimationRepeat(Animator animation) {
super.onAnimationRepeat(animation);
currentBallPosition++;
if (currentBallPosition >= BALL_COUNT) {
currentBallPosition = 0;
}
}
});
animator.start();
}
});
}
WSGears
WSGears 는 주로 크기 의 기 어 를 그립 니 다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(outCircleRadius * GEAR_RADIUS_RATIO);
//60
for (int i = 0; i < 360 / 120; i++) {
canvas.drawLine(centerX, centerY, (float) (centerX + outCircleRadius * Math.sin(Math.toRadians(i * 120 + 60))),
(float) (centerY + outCircleRadius * Math.cos(Math.toRadians(i * 120 + 60))), mPaint);
}
//
for (int i = 0; i < 360 / 8; i++) {
canvas.drawLine((float) (centerX + outCircleRadius * Math.sin(Math.toRadians(i * 8 + moveAngle))),
(float) (centerY + outCircleRadius * Math.cos(Math.toRadians(i * 8 + moveAngle))),
(float) (centerX + (outCircleRadius + dip2px(4)) * Math.sin(Math.toRadians(i * 8 + moveAngle))),
(float) (centerY + (outCircleRadius + dip2px(4)) * Math.cos(Math.toRadians(i * 8 + moveAngle))), mPaint);
}
//
mPaint.setStrokeWidth(inCircleRadius * GEAR_RADIUS_RATIO);
for (int i = 0; i < 360 / 8; i++) {
canvas.drawLine((float) (centerX + inCircleRadius * Math.sin(Math.toRadians(i * 8 - moveAngle))),
(float) (centerY + inCircleRadius * Math.cos(Math.toRadians(i * 8 - moveAngle))),
(float) (centerX + (inCircleRadius + dip2px(4)) * Math.sin(Math.toRadians(i * 8 - moveAngle))),
(float) (centerY + (inCircleRadius + dip2px(4)) * Math.cos(Math.toRadians(i * 8 - moveAngle))), mPaint);
}
mPaint.setStrokeWidth(mPaint.getStrokeWidth() * 2);
canvas.drawCircle(centerX, centerY, outCircleRadius, mPaint);
canvas.drawCircle(centerX, centerY, inCircleRadius, mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(5000);
animator.setInterpolator(new AccelerateDecelerateInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
mAnimatedValue = (float) valueAnimator.getAnimatedValue();
moveAngle = (int) (mAnimatedValue * 360);
postInvalidate();
}
});
animator.start();
}
});
}
WSJump
WSJump 는 베 어 셀 곡선 을 이용 해 탄 동 효 과 를 낸다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(dip2px(2));
//
Path mPath = new Path();
mPath.moveTo(centerX - mRadius, centerY);
mPath.quadTo(centerX, centerY + quadMoveY, centerX + mRadius, centerY);
canvas.drawPath(mPath, mPaint);
// 2 dip2px(4)
canvas.drawCircle(centerX - mRadius - dip2px(4), centerY, dip2px(4), mPaint);
canvas.drawCircle(centerX + mRadius + dip2px(4), centerY, dip2px(4), mPaint);
// dip2px(4+3)
mPaint.setStyle(Paint.Style.FILL);
canvas.drawCircle(centerX, centerY - dip2px(4 + 3) - mJumpY, dip2px(6), mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(500);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
float value = (float) valueAnimator.getAnimatedValue();
if (value > 0.75f) { // 0.75 =0.25*3
quadMoveY = mRadius * (1 - value) * 3;
} else {
quadMoveY = value * mRadius;
}
if (value > 0.35f) {// 0.7 =0.35*2
mJumpY = (1 - value) * mRadius;
} else {
mJumpY = value * mRadius * 2;
}
postInvalidate();
}
});
animator.start();
}
});
}
WSFiveStar
WSFiveStar 는 주로 선 을 그립 니 다. 한 직선 은 출발점 에서 종점 까지 그립 니 다. 종점 은 다음 직선의 출발점 으로 순서대로 그립 니 다.
WSCircleRing
증분 방식 으로 직선 을 그립 니 다. 관심 이 있다 면 설정 startAngle
방법 으로 정 다각형 을 그 려 야 합 니 다. 저 는 정 24 변형 을 그 렸 습 니 다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(dip2px(2));
lineStartX = (float) (circleCenterX + circleRadius * Math.cos(Math.toRadians(startAngle)));
lineStartY = (float) (circleCenterY + circleRadius * Math.sin(Math.toRadians(startAngle)));
mPath.moveTo(lineStartX, lineStartY);
lineEndX = (float) (circleCenterX + circleRadius * Math.cos(Math.toRadians(startAngle + polygonAngle * 2)));
lineEndY = (float) (circleCenterY + circleRadius * Math.sin(Math.toRadians(startAngle + polygonAngle * 2)));
mPath.rLineTo((lineEndX - lineStartX) * mValue, (lineEndY - lineStartY) * mValue);
canvas.drawPath(mPath, mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(500);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
mValue = (float) animation.getAnimatedValue();
if (mValue >= 0.9f) {
mValue = 1.0f;
}
postInvalidate();
}
});
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationRepeat(Animator animation) {
super.onAnimationRepeat(animation);
startAngle += polygonAngle * 2;
if (startAngle > polygonAngle * 2 * regularPolygon) {
startAngle = 0;
mPath.reset();
}
}
});
animator.start();
}
});
}
WSLineProgress
WSLine Progress 는 주로 두 개의 직선 그리 기 를 제어 합 니 다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(dip2px(2));
mPaint.setTextSize(dip2px(20));
text = mValue + "%";
fontWidth = mPaint.measureText(text);
fontHeight = getFontHeight(mPaint, text);
if (mValue == 0) {
canvas.drawText(text, centerX - mRadius, centerY + fontHeight / 2, mPaint);
canvas.drawLine(centerX - mRadius + fontWidth, centerY, centerX + mRadius, centerY, mPaint);
} else if (mValue >= 100) {
canvas.drawText(text, centerX + mRadius - fontWidth, centerY + fontHeight / 2, mPaint);
canvas.drawLine(centerX - mRadius, centerY, centerX + mRadius - fontWidth, centerY, mPaint);
} else {
float lineWidth = 2 * mRadius - fontWidth;
//
canvas.drawLine(centerX - mRadius, centerY, centerX - mRadius + (float) mValue / 100 * lineWidth, centerY, mPaint);
//
canvas.drawLine(centerX - mRadius + (float) mValue / 100 * lineWidth + fontWidth, centerY, centerX + mRadius, centerY, mPaint);
//
canvas.drawText(text, centerX - mRadius + (float) mValue / 100 * lineWidth, centerY + fontHeight / 2, mPaint);
}
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofInt(0, 101);
animator.setDuration(5000);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
mValue = (int) animation.getAnimatedValue();
postInvalidate();
}
});
animator.start();
}
});
}
WSEatBeans
WSEat Beans 는 주로 입 을 벌 리 고 콩 수 변 화 를 조절 한다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStrokeWidth(dip2px(2));
RectF rectF = new RectF(centerX - mRadius + moveX, centerY - eatRadius, centerX - mRadius + eatRadius * 2
+ moveX, centerY + eatRadius);
canvas.drawArc(rectF, eatStartAngle, eatSweepAngle, true, mPaint);
//
mPaint.setColor(Color.BLACK);
canvas.drawCircle(centerX - mRadius + eatRadius + moveX, centerY - eatRadius / 2, dip2px(2), mPaint);
//
mPaint.setColor(Color.WHITE);
// 1
int count = (2 * (mRadius - eatRadius)) / eatRadius - 1;
for (int i = eatBeans; i < count; i++) {
canvas.drawCircle(centerX - mRadius + eatRadius * 2 +
eatRadius * (i + 1), centerY, dip2px(2), mPaint);
}
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(3000);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
moveX = (int) ((float) animation.getAnimatedValue() * 2 * (mRadius - eatRadius));
eatBeans = moveX / eatRadius;
if (eatState == 0) {
eatStartAngle -= 2;
if (eatStartAngle <= 0) {
eatState = 1;
}
} else if (eatState == 1) {
eatStartAngle += 2;
if (eatStartAngle >= 30) {
eatState = 0;
}
}
eatSweepAngle = 360 - eatStartAngle * 2;
postInvalidate();
}
});
animator.start();
}
});
}
WSCircleBar
WSCircleBar, WSCircleArc, WSCircleRise 와 유사 합 니 다.
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setStyle(Paint.Style.FILL);
mPaint.setStrokeWidth(circleRadius * BAR_RADIUS_RATIO);
mPaint.setColor(Color.WHITE);
//
canvas.drawCircle(circleCenterX, circleCenterY, circleRadius, mPaint);
// bar
RectF rect = new RectF(circleCenterX - circleRadius, circleCenterY - circleRadius,
circleCenterX + circleRadius, circleCenterY + circleRadius);
mPaint.setColor(Color.BLACK);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(mPaint.getStrokeWidth() * 2);
canvas.drawArc(rect, startAngle, sweepAngle, false, mPaint);
//
mPaint.setStyle(Paint.Style.FILL);
text = (int) (mValueAnimator * 100) + "%";
mPaint.setTextSize(mPaint.getStrokeWidth() * 2);
canvas.drawText(text, circleCenterX - mPaint.measureText(text) / 2, circleCenterY + getFontHeight(mPaint, text) / 2, mPaint);
}
//
public void startAnimator() {
post(new Runnable() {
@Override
public void run() {
ValueAnimator animator = ValueAnimator.ofFloat(0f, 1.0f);
animator.setDuration(5000);
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatMode(ValueAnimator.RESTART);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
mValueAnimator = (float) valueAnimator.getAnimatedValue();
sweepAngle = 360 * mValueAnimator;
postInvalidate();
}
});
animator.start();
}
});
}
ldoublem 의 효과 도 에 감 사 드 리 고 코드 를 통 해 이 루어 졌 습 니 다. 우 리 는 실현 과정 이 많이 다 릅 니 다.
mPath.rLineTo
계속 업데이트 하 겠 습 니 다. 기대 해 주세요.원본 코드 다운로드
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
tailwindcss를 사용한 사용자 지정 반응 로딩 화면tailwind css에는 몇 가지 재미있는 작업을 수행하는 데 사용할 수 있는 animate 클래스가 있습니다. 최소 사용자 지정 반응 로딩 화면 그리고 그것을 다음과 같이 부르십시오 비올라...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.