自定义view仿写今日头条点赞动画

前言

平时喜欢看今日头条，上面的财经、科技和NBA栏目都很喜欢，无意中发现他的点赞动画还不错，一下子就吸引到了我。遂即想要不自己实现一下。
最终效果对比如下：
头条：

仿写效果：

一、导读

学习的过程中发现，每个知识点都是一个小小的体系。比如Glide源码解析，我看到有作者写了10篇文章一个系列来解析（Glide源码解析 https://www.jianshu.com/nb/45157164）；又比如自定义view，扔物线凯哥也是从三个方面(绘制、布局、动画)11篇文章来叙述，Carson_Ho也是写了一个系列来描述；
所以掌握一个知识点里面的知识体系还是需要下一些功夫的。

二、效果分析

1 点击一次会撒出五个随机表情和点击音效；
2 连续点击会连续撒出表情并播放音效；
3 长按会一直撒；
4 连续撒时会出现次数和标语(0-20 鼓励，20-40加油，>40太棒了)；

三、实现过程

3.1 外层布局

因为今日头条里面底部评论框和资讯列表页都会有点赞按钮，那么点赞效果的表情机会满屏幕都存在，所以最外层继承了RelativeLayout。然后宽高都设置match_parent。
在点击按钮的时候触发OnTouch事件:

        ivThumbBottom.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_DOWN) {
                    lastDownTime = System.currentTimeMillis();
                    //获取到 x y的坐标来确定动画撒表情的起点
                    x = (int) event.getRawX();
                    y = (int) event.getRawY();
                    Log.i("aaa", (System.currentTimeMillis() - lastDownTime) + "");
                    handler.postDelayed(mLongPressed, 100);
                }
                if (event.getAction() == MotionEvent.ACTION_UP) {
                    Log.i("aaa", (System.currentTimeMillis() - lastDownTime) + "");
                    if (System.currentTimeMillis() - lastDownTime < 100) {//判断为单击事件
                        articleThumbRl.setVisibility(View.VISIBLE);
                        articleThumbRl.setThumb(true, x, y, articleThumbRl);
                        handler.removeCallbacks(mLongPressed);
                    } else {//判断为长按事件后松开
                        handler.remo