最近需要實現類似微信聊天介面輸入文字命中關鍵字出現Emoji 表情雨的動畫效果，自己試著實現了一下，主要就是用 ObjectAnimatior 的 平移 動畫，用隨機函式控制每個Emoji 的 橫，縱座標和動畫持續時間，並且獲取螢幕寬度，高度做邊界限制。簡單做個學習筆記；

     首先，為了簡單明瞭，在佈局上新增一個觸發表情雨的按鈕，觸發事件你可以改；

DisplayMetrics dm = getResources().getDisplayMetrics();

        screenWidth = dm.widthPixels;

        screenHeight = dm.heightPixels;

        button = new Button(MainActivity.this);
        button.setText("Emoji Rain");
        layoutParams = new RelativeLayout.LayoutParams(dip2px(MainActivity.this, 320), dip2px(MainActivity.this, 60));
        layoutParams.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);
        layoutParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, RelativeLayout.TRUE);
        relativeLayout.addView(button, 0, layoutParams);
 

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                for(int i = 0; i< EMOJI_COUNT; i++){

                    addView();
                }

                for(int i = 0; i< EMOJI_COUNT; i++){

                    ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(views.get(i), "translationY",
                                                      viewsY.get(i), (float)(screenHeight))
                                                      .setDuration(new Random().nextInt(2000) + 2000);
                    objectAnimator.start();
                }
            }
        });
 

   這段程式碼給觸發表情雨的button 添加了點選監聽事件，事件有兩個，第一，當button被點選時，呼叫addView方法新增EMOJI_COUNT這麼多的Emoji至螢幕上方不可見位置（有座標設定），類似賽跑前各位運動員在起跑線各就各位。。第二， 當所有Emoji新增至base佈局完成之後，就要為每個Emoji設定下落動畫，用的是ObjectAnimator.ofFloat()的縱座標平移動畫；在這裡需要特別配置的兩個引數分別是 1. 每個Emoji下落前的起始縱座標，我的demo裡給的範圍是 -90 到 -530。。。數字沒啥特殊含義，要保證Emoji在起始位置在使用者可視範圍之外，該範圍跨度也沒啥特殊含義，是用於處理每個Emoji下落的層次效果而設定的。。 

2. 每個Emoji下落的持續時間，因為每個Emoji的起始縱座標不一樣，為了保證每個Emoji的下落速度基本一致，所以設定了下落的持續時間在 2000ms 到 4000ms 之間；

  剩下的程式碼就是實現工具函式 dip2px()， addView()；需要注意的就是在addView裡對每個Emoji設定屬性時，橫，縱座標需要隨機，並用之前獲取的螢幕寬，高限定邊界即可；程式碼如下：

    public static int dip2px(Context context, float dpValue){

        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

    public void addView(){

        view = new ImageView(MainActivity.this);
        view.setImageResource(R.drawable.ee_33);
        layoutParams  = new RelativeLayout.LayoutParams(90,90);
        relativeLayout.addView(view,1, layoutParams);
        view.setY(-(new Random().nextInt(440) + 90));
        view.setX(new Random().nextInt(screenWidth - dip2px(MainActivity.this, 100) - 10) + 10);
        view.setZ(new Random().nextInt(10) + 10);

        views.add(view);
        viewsY.add(view.getY());

    }

  效果如下：