美文网首页
Android Canvas小案例粒子爆炸效果

Android Canvas小案例粒子爆炸效果

作者: 刘小厨 | 来源:发表于2020-04-01 18:45 被阅读0次

    概述

    本文承接Android Canvas总结
    下述小案例仅为Canvas的api的试用总结,非项目使用demo!!!
    先看下效果~

    粒子爆炸效果

    贴下代码,有问题可见:Android Canvas总结

    public class SplitView extends View {
    
        private Paint mPaint;
        private Bitmap mBitmap;
        private float d = 3;//粒子直径
        private ValueAnimator mAnimator;
        private List<Ball> mBalls = new ArrayList<>();
    
        public SplitView(Context context) {
            this(context, null);
        }
    
        public SplitView(Context context, AttributeSet attrs) {
            this(context, attrs, 0);
        }
    
        public SplitView(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            init();
        }
    
        private void init(){
            mPaint = new Paint();
            mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.pic);
            for (int i = 0; i < mBitmap.getWidth(); i++) {
                for (int j = 0; j < mBitmap.getHeight(); j++) {
                    Ball ball = new Ball();
                    ball.color = mBitmap.getPixel(i,j);
                    ball.x = i * d + d/ 2;
                    ball.y = j * d + d/ 2;
                    ball.r = d / 2;
    
                    //速度(-20,20)
                    ball.vX = (float) (Math.pow(-1, Math.ceil(Math.random() * 1000)) * 20 * Math.random());
                    ball.vY = rangInt(-15, 35);
                    //加速度
                    ball.aX = 0;
                    ball.aY = 0.98f;
    
                    mBalls.add(ball);
                }
            }
    
            mAnimator = ValueAnimator.ofFloat(0,1);
            mAnimator.setRepeatCount(-1);
            mAnimator.setDuration(2000);
            mAnimator.setInterpolator(new LinearInterpolator());
            mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    updateBall();
                    invalidate();
                }
            });
    
        }
    
        private int rangInt(int i, int j) {
            int max = Math.max(i, j);
            int min = Math.min(i, j) - 1;
            //在0到(max - min)范围内变化,取大于x的最小整数 再随机
            return (int) (min + Math.ceil(Math.random() * (max - min)));
        }
    
    
        private void updateBall() {
            //更新粒子的位置
            for (Ball ball : mBalls) {
                ball.x += ball.vX;
                ball.y += ball.vY;
    
                ball.vX += ball.aX;
                ball.vY += ball.aY;
            }
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
    
            canvas.translate(500,500);
            for (Ball ball : mBalls) {
                mPaint.setColor(ball.color);
                canvas.drawCircle(ball.x, ball.y, ball.r, mPaint);
            }
    
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN){
                //执行动画
                mAnimator.start();
            }
            return super.onTouchEvent(event);
        }
    }
    

    粒子对象

    /**
     * 粒子封装对象
     */
    public class Ball {
    
        public int color; //图片像素点颜色值
        public float x; //粒子圆心坐标x
        public float y; //粒子圆心坐标y
        public float r; //粒子半径
    
        public float vX;//粒子运动水平方向速度
        public float vY;//粒子运动垂直方向速度
        public float aX;//粒子运动水平方向加速度
        public float aY;//粒子运动垂直方向加速度
    
    }
    
    

    相关文章

      网友评论

          本文标题:Android Canvas小案例粒子爆炸效果

          本文链接:https://www.haomeiwen.com/subject/omoauhtx.html