抖音APP双击点赞效果实现

Kevin_You_

已于 2022-06-23 15:30:06 修改

阅读量1.4w

点赞数 2

分类专栏： Android开发

于 2019-04-12 16:36:37 首次发布

本文链接：https://blog.csdn.net/you943047219/article/details/89239562

版权

本文介绍了如何实现抖音双击屏幕生成心动图的动画效果，包括动画的放大、消失过程，提供了具体实现步骤和封装后的简单使用方法，并详细解释了相关XML属性和Java代码属性的设置。

摘要由CSDN通过智能技术生成

相信大部分的同学都有刷抖音的经历吧，那么当你疯狂给小姐姐点赞的时候，有没有想过这个蹦出来的那些疯狂跳动的心心的是怎么实现的呢？

文末有github预览

分析：

效果特点：

1.双击屏幕任意位置，就生成一个心动图

2.心动图不断放大

3.心动图逐渐消失

开始：

1.创建一个新的项目，添加一个class并取名为HotHeartFrameLayout，继承FrameLayout，如下：

ublic class HeartFrameLayout extends FrameLayout{
    public HeartFrameLayout(@NonNull Context context) {
        super(context);
    }

    public HeartFrameLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
        //这里绘制图形
    }
}

2.创建一个HeartBean，用来存放需要绘制的心形图属性：

public class HeartBean {
	int alpha; // 透明度
	int X; // X坐标点
	int Y; // Y坐标点
	float scanle; // 缩放比例
	int degrees; // 旋转角度
	Paint paint; //
}

3.创建一个Handler，用来处理界面刷新，表现出动画的效果：

class MyHandler extends Handler {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
                case 0:
                    Refresh();
                    invalidate();
                    if (list != null && list.size() > 0) {
                        sendEmptyMessageDelayed(0, refreshRate);// 延时
                    }
                    break;
                default:
                    break;
            }
        }
    }