仿微信弹出“生日快乐”类动画

仿微信弹出“生日快乐”类动画

今天看到微信的动画蛮有意思，刚好最近也在研究GUI绘图，于是写了个DEMO。

其实不难，分为两部分处理就好了，其一是动画的子项Item：

• 该类动画少不了Random随机数，在初始化时创建

public void init(Context context) {
        //获取BitMap对象
        mBitmap = BitmapFactory.decodeResource(context.getResources(), fallSrc);

        //初始化Random
        Random r = new Random();

        //Item的横坐标
        x = r.nextInt(parentWidth-mBitmap.getWidth());

        //动画的加速度
        accelerlateSpeed = ((100f + (float) r.nextInt(100)) / 100000f);

        //Item的纵左标
        startY = r.nextInt(30);

        //计算Item动画总时间
        int t = (int) Math.cbrt(parentHeight * 2 / accelerlateSpeed);

        //出现时间（随机）
        if (r.nextBoolean())
            startTime = r.nextInt(t/2 );
    }

• 然后是子项Item的动画逻辑

  //出现时间逐渐接近
      if (startTime > 0) {
          startTime-=1;
          return;
      }
      if (visible) {
          t += 1;
          //计算纵左标
          y = (int) (accelerlateSpeed * t * t * t / 2)+startY;
          //超出屏幕高度则不再绘制
          if (y >= parentHeight)
              visible = false;
     }
  }

• 每次绘制调用下面的方法就好了

public void draw(Canvas canvas) {
        if (visible&&y>0&&startTime==0)
            canvas.drawBitmap(mBitmap, x, y, mPaint);
    }

• 其二在控制类里面，使用子线程绘制

class AnimationThread extends Thread {
        @Override
        public void run() {
            //初始化
            init(getContext());
            while (running) {
                //动画逻辑部分
                animationLogic();
                postInvalidate();
                try {
                    Thread.sleep(1000/60);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }
    }

• DEMO还用到了自定义属性 itemNum和fallSrc

• 其中itemNum代表子项的数目，默认20

• fallSrc代表图片

例如：

  <com.zmf.fallanimation.demo.FallAnimationView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    fall:itemNum="20"
    fall:fallSrc="@mipmap/ic_fall"
    />

• demo下载地址
  [http://download.csdn.net/detail/a279822581/9389578