android 加载进度条动画

最新推荐文章于 2025-03-17 10:35:40 发布

zhoushenxian

最新推荐文章于 2025-03-17 10:35:40 发布

阅读量3.9k

点赞数

分类专栏： android 动画系列

本文链接：https://blog.csdn.net/coderinchina/article/details/52996579

版权

android 动画系列专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在Android中创建和实现加载进度条的动画效果，通过代码示例展示了具体的实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不都说,也不知道说啥,看代码就够：

package com.load.anim;
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.animation.LinearInterpolator;
/**
 * Created by admin on 2016/11/1.
 */
public class LoadingCircularRing extends View {
    private ValueAnimator valueAnimator;
    private Paint mPaint;
    private float startAngle = 0f;
    private int mWidth;
    private int mPadding;
    public LoadingCircularRing(Context context) {
        this(context,null);
    }

    public LoadingCircularRing(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public LoadingCircularRing(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }
    private void initPaint() {
        mPaint = new Paint();
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.WHITE);
        mPaint.setStrokeWidth(8);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(100,100);
        mWidth = getMeasuredWidth();
        mPadding = 5;
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.parseColor("#88FFFFFF"));
        canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2 - mPadding, mPaint);
        mPaint.setColor(Color.WHITE);
        RectF rectF = new RectF(mPadding, mPadding, mWidth - mPadding, mWidth - mPadding);
        canvas.drawArc(rectF, startAngle, 60, false, mPaint);//第四个参数是否显示半径
    }

    public void startAnim() {
        stopAnim();
        startViewAnim(0f, 1f, 800);
    }

    public void stopAnim() {
        if (valueAnimator != null) {
            clearAnimation();
            valueAnimator.setRepeatCount(0);//-1表示无限循环
            valueAnimator.cancel();
            valueAnimator.end();
        }
    }
    private ValueAnimator startViewAnim(float startF, final float endF, long time) {
        valueAnimator = ValueAnimator.ofFloat(startF, endF);
        valueAnimator.setDuration(time);
        valueAnimator.setInterpolator(new LinearInterpolator());
        valueAnimator.setRepeatCount(ValueAnimator.INFINITE);//无限循环
        valueAnimator.setRepeatMode(ValueAnimator.RESTART);//
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                float value = (float) valueAnimator.getAnimatedValue();
                startAngle = 360 * value;
                invalidate();
            }
        });
        valueAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
            }
        });
        if (!valueAnimator.isRunning()) {
            valueAnimator.start();
        }
        return valueAnimator;
    }
    @Override
    protected void onWindowVisibilityChanged(int visibility) {
        super.onWindowVisibilityChanged(visibility);
        if(visibility==View.VISIBLE){
            startAnim();
        }else{
            stopAnim();
        }
    }
}

效果：