前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android--加载中动画View

Android--加载中动画View

作者头像
aruba
发布2020-07-03 11:23:17
9690
发布2020-07-03 11:23:17
举报
文章被收录于专栏:android技术android技术
效果如下:
代码语言:javascript
复制
/**
 * 加载动画
 */
public class SplashView extends View {
    //小球颜色
    private int[] colors;
    //不断旋转的圆的半径
    private final float radiusRotate = 90;
    //控件中心坐标
    private float centerX, centerY;
    private Paint mPaint;
    //动画执行对象
    private State mState;
    private ValueAnimator mAnimator;
    //动画旋转的角度
    private float animeAngle;
    //小球半径
    private float smallRadius = 10;
    //聚合动画的半径
    private float radiusMerge;
    //背景paint
    Paint bgPaint;
    private float radiusExpand;
    private RectF viewRect;


    public SplashView(Context context) {
        this(context, null);
    }

    public SplashView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SplashView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        //关闭硬件加速
        setLayerType(LAYER_TYPE_SOFTWARE, null);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

        bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        bgPaint.setColor(Color.WHITE);

        colors = context.getResources().getIntArray(R.array.splash_circle_colors);
        radiusMerge = radiusRotate;
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        centerX = w / 2f;
        centerY = h / 2f;

        viewRect = new RectF(0, 0, getWidth(), getHeight());
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (mState == null) {
            mState = new RotateState();
        }

        mState.draw(canvas);
    }

    private void drawCircles(Canvas canvas) {
        //初始角度,将360度平分给每个小球
        float initAngle = (float) (2 * Math.PI / colors.length);

        for (int i = 0; i < colors.length; i++) {
            mPaint.setColor(colors[i]);
            double angle = i * initAngle + animeAngle;
            float x = (float) (Math.cos(angle) * radiusMerge + centerX);
            float y = (float) (Math.sin(angle) * radiusMerge + centerY);
            canvas.drawCircle(x, y, smallRadius, mPaint);
        }
    }

    private void drawBackground(Canvas canvas) {
        if (mState instanceof ExpandState) {
            //画目标圆
            canvas.drawCircle(centerX, centerY, radiusExpand, bgPaint);
            bgPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
            canvas.drawRect(viewRect, bgPaint);
        } else {
            canvas.drawRect(viewRect, bgPaint);
        }
    }

    /**
     * 结束加载
     */
    public void finshSplash() {
        if (mState != null) {
            ((RotateState) mState).cancel();
        }
    }

    /**
     * 状态标准化接口
     */
    interface State {
        void draw(Canvas canvas);
    }

    /**
     * 旋转动画
     */
    class RotateState implements State {

        public RotateState() {
            mAnimator = ValueAnimator.ofFloat((float) (2 * Math.PI));
            mAnimator.setDuration(1000);
            mAnimator.setRepeatCount(ValueAnimator.INFINITE);
            mAnimator.setInterpolator(new LinearInterpolator());
            mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    animeAngle = (float) animation.getAnimatedValue();
                    postInvalidate();
                }
            });
            mAnimator.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationCancel(Animator animation) {
                    mState = new MegreState();
                }
            });
            mAnimator.start();
        }

        @Override
        public void draw(Canvas canvas) {
            drawBackground(canvas);
            drawCircles(canvas);
        }

        public void cancel() {
            if (mAnimator != null && mAnimator.isRunning())
                mAnimator.cancel();
        }
    }

    /**
     * 聚合动画
     */
    class MegreState implements State {

        public MegreState() {
            mAnimator = ValueAnimator.ofFloat(radiusRotate, 0f);
            mAnimator.setDuration(1000);
            mAnimator.setInterpolator(new AnticipateInterpolator(5));
            mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    radiusMerge = (float) animation.getAnimatedValue();
                    postInvalidate();
                }
            });
            mAnimator.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    mState = new ExpandState();
                }
            });
            mAnimator.start();
        }

        @Override
        public void draw(Canvas canvas) {
            drawBackground(canvas);
            drawCircles(canvas);
        }
    }

    /**
     * 扩散动画
     */
    class ExpandState implements State {

        public ExpandState() {
            float width = (float) Math.hypot(centerX, centerY);
            mAnimator = ValueAnimator.ofFloat(width);
            mAnimator.setDuration(1000);
            mAnimator.setInterpolator(new LinearInterpolator());
            mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    radiusExpand = (float) animation.getAnimatedValue();
                    postInvalidate();
                }
            });
            mAnimator.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    setVisibility(GONE);
                }
            });
            mAnimator.start();
        }

        @Override
        public void draw(Canvas canvas) {
            drawBackground(canvas);
        }
    }
}
项目地址:https://gitee.com/aruba/SplashView.git
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果如下:
  • 项目地址:https://gitee.com/aruba/SplashView.git
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档