Android實(shí)現(xiàn)圖片點(diǎn)擊爆炸效果

更新時(shí)間：2020年08月28日 09:33:49 作者：adolph_lu

這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)圖片點(diǎn)擊爆炸效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android實(shí)現(xiàn)圖片點(diǎn)擊爆炸效果的具體代碼，供大家參考，具體內(nèi)容如下

實(shí)現(xiàn)效果：

需要注意的點(diǎn)：

ValueAnimator

ValueAnimator，是針對(duì)值的，也就是說ValueAnimator不會(huì)對(duì)控件進(jìn)行任何操作，而是控制值的變化，然后我們監(jiān)聽這個(gè)值的變化過程，從而來控制控件的變化。什么意思呢？例如我們使用屬性動(dòng)畫來控制TextView的位移，我們?cè)诔跏蓟疺alueAnimator時(shí)，會(huì)設(shè)置一個(gè)初始值和結(jié)束的值，假如我用這兩個(gè)值來控制TextView在y軸上的位置，然后設(shè)置監(jiān)聽器，監(jiān)聽初始值變化到結(jié)束值的過程，在不斷變化過程中，通過調(diào)用TextView的layout方法來不斷更新TextView的位置，從而實(shí)現(xiàn)位移動(dòng)畫。

我們可以大概總結(jié)使用ValueAnimator的兩個(gè)主要過程：

(1). 初始化ValueAnimator，并設(shè)置初始值和結(jié)束值，還有動(dòng)畫的時(shí)間，然后start。

(2). 給ValueAnimator設(shè)置監(jiān)聽器，通過getAnimatedValue()拿到變化值，然后我們更新控件的變化。

實(shí)現(xiàn)步驟

1.首先封裝一個(gè)Ball粒子對(duì)象

public class Ball {
 
 public int color; //圖片像素點(diǎn)顏色值
 public float x; //粒子圓心坐標(biāo)x
 public float y; //粒子圓心坐標(biāo)y
 public float r; //粒子半徑
 
 public float vX;//粒子運(yùn)動(dòng)水平方向速度
 public float vY;//粒子運(yùn)動(dòng)垂直方向速度
 public float aX;//粒子運(yùn)動(dòng)水平方向加速度
 public float aY;//粒子運(yùn)動(dòng)垂直方向加速度
}

2.自定義SplitView 繼承View

2.1粒子相關(guān)屬初始化和ValueAnimator初始化

private void init() {
 mPaint = new Paint();
 mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.cat);
 
 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();
  }
 });
 }

2.2更新粒子的位置

private void updateBall() {
 for (Ball ball:mBalls) {
  ball.x += ball.vX;
  ball.y += ball.vY;
 
  ball.vX += ball.aX;
  ball.vY += ball.aY;
 }
 }

2.3重寫onDraw()方法繪制粒子

protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 
 canvas.translate(250,250);
 for (Ball ball:mBalls) {
  mPaint.setColor(ball.color);
  canvas.drawCircle(ball.x, ball.y, ball.r, mPaint);
 }
 }

2.4重寫onTouchEvent()方法觸發(fā)觸發(fā)時(shí)間并執(zhí)行動(dòng)畫

public boolean onTouchEvent(MotionEvent event) {
 if (event.getAction() == MotionEvent.ACTION_DOWN){
  //執(zhí)行動(dòng)畫
  mAnimator.start();
 }
 return super.onTouchEvent(event);
 }

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: