加载过渡特效

https://blog.csdn.net/mensheng110/article/details/78863845

 

package com.iszcc.demo.carview.policy;

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.util.AttributeSet;
import android.view.View;
import android.view.animation.LinearInterpolator;
import android.view.animation.OvershootInterpolator;

import com.iszcc.demo.carview.R;


public class SplashView extends View {
    private int mBigCircleRadius = 120;//大圆半径
    private int mSmallCircleRadius = 18;//小圆半径
    private int[] mColorCombination = {getResources().getColor(R.color.colorPrimary),
            getResources().getColor(R.color.colorPrimaryDark),
            getResources().getColor(R.color.colorAccent),
            getResources().getColor(R.color.colorPrimary),
            getResources().getColor(R.color.colorPrimaryDark),
            getResources().getColor(R.color.colorAccent)};//颜色数组
    private int mWidth;//宽
    private int mHight;//高
    private Paint mPaint;
    private PanDraw mPanDraw;
    private float mRotationAngle;//小圆旋转角度
    private ValueAnimator valueAnimator;
    private int mDiffusionRadius;//扩散半径
    private int mDiagonal;//View对角线的一半

    public SplashView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public SplashView(Context context) {
        super(context);
        init();
    }

    //初始化画笔
    private void init() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = w;
        mHight = h;
        //得到View对角线的一半
        mDiagonal = (int) (Math.sqrt(w * w + h * h) / 2);
    }

    /**
     * 加载完成，小圆旋转状态转成收缩状态
     */
    public void loadingCompleted() {
        valueAnimator.cancel();//取消小圆旋转动画
        mPanDraw = new ShrinkDraw();
        invalidate();
    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mPanDraw == null) {
            mPanDraw = new SmallCircleDraw();
        }
        mPanDraw.startDraw(canvas);
    }

    /**
     * 绘制抽像出来，这里用到了策略模式
     */
    public abstract class PanDraw {
        //开始绘制
        public abstract void startDraw(Canvas canvas);
    }

    /**
     * 绘制小圆
     */
    private class SmallCircleDraw extends PanDraw {

        public SmallCircleDraw() {
            valueAnimator = ValueAnimator.ofFloat(0f, 360F);
            valueAnimator.setDuration(2000);
            valueAnimator.setInterpolator(new LinearInterpolator());
            valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    mRotationAngle = (float) animation.getAnimatedValue();
                    invalidate();
                }
            });
            valueAnimator.setRepeatCount(ValueAnimator.INFINITE);//无限重复动画
            valueAnimator.start();
        }

        @Override
        public void startDraw(Canvas canvas) {
            drawBackground(canvas);
            drawSmallCircle(canvas);
        }
    }

    private void drawSmallCircle(Canvas canvas) {
        //如果颜色数组为空时，不绘制
        if (mColorCombination == null) {
            return;
        }
        canvas.translate(mWidth / 2, mHight / 2);
        for (int i = 0; i < mColorCombination.length; i++) {
            canvas.save();//保存画布
            canvas.rotate(360 * i / mColorCombination.length + mRotationAngle, 0, 0);//旋转画布
            mPaint.setColor(mColorCombination[i]);//设置画布的长度
            canvas.drawCircle(mBigCircleRadius, 0, mSmallCircleRadius, mPaint);//画圆
            canvas.restore();
        }
    }

    /**
     * 重制背景色
     *
     * @param canvas
     */
    private void drawBackground(Canvas canvas) {
        canvas.drawColor(Color.WHITE);
    }

    /**
     * 小圆收缩效果绘制
     */
    private class ShrinkDraw extends PanDraw {

        public ShrinkDraw() {
            final ValueAnimator valueAnimator1 = ValueAnimator.ofInt(0, mBigCircleRadius);
            valueAnimator1.setDuration(1000);
            valueAnimator1.setInterpolator(new OvershootInterpolator(20));//这里做一个弹的效果
            valueAnimator1.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    mBigCircleRadius = (int) animation.getAnimatedValue();
                    invalidate();
                }
            });
            valueAnimator1.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    super.onAnimationEnd(animation);
                    mPanDraw = new DiffusionDraw();//开始执行扩散水波纹效果绘制
                    invalidate();
                }
            });
            valueAnimator1.reverse();//从反方向执行动画
        }

        @Override
        public void startDraw(Canvas canvas) {
            drawBackground(canvas);
            drawSmallCircle(canvas);
        }
    }

    /**
     * 扩散水波纹效果绘制
     */

    private class DiffusionDraw extends PanDraw {
        public DiffusionDraw() {
            final ValueAnimator valueAnimator1 = ValueAnimator.ofInt(0, mDiagonal);
            valueAnimator1.setDuration(1000);
            valueAnimator1.setInterpolator(new LinearInterpolator());
            valueAnimator1.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    mDiffusionRadius = (int) animation.getAnimatedValue();
                    invalidate();
                }
            });
            valueAnimator1.start();
        }

        /**
         * @param canvas //绘制扩散水波纹效果，我是不断的改变画笔的宽度．画笔的宽度是屏的对角线长度的一半减去中间扩散圆的半径
         *               圆的半径是中间扩散圆半径加上画笔宽度的一半
         */
        @Override
        public void startDraw(Canvas canvas) {
            mPaint.setColor(Color.WHITE);
            mPaint.setStyle(Paint.Style.STROKE);
            canvas.translate(mWidth / 2, mHight / 2);
            float mStrokeWidth = (mDiagonal - mDiffusionRadius);
            mPaint.setStrokeWidth(mStrokeWidth);
            canvas.drawCircle(0, 0, mDiffusionRadius + mStrokeWidth / 2, mPaint);
        }
    }
}