首先来分析一下效果特点：1.双击屏幕任意位置，就生成一个心动图 2.心动图不断放大 3.心动图逐渐消失。
实现步骤
1.创建一个新的项目，添加一个class并取名为HotHeartFrameLayout，继承FrameLayout。
2.创建一个HeartBean，用来存放需要绘制的心形图属性。
3.创建一个Handler，用来处理界面刷新，表现出动画的效果。
4.初始化相关值。
5.不断刷新图片。
原理是通过不断的更新图片缩放和透明度，来让图片逐渐放大并同时逐渐消失的效果。
6.双击事件时调用（双击弹出爱心而不是单击弹出）
7.双击事件监听：
8.绘制图片：
可以自己实现也可以通过第三方来实现此功能。
第三方简单使用:
第一步： 在项目根目录的build.gradle文件中加入
allprojects { repositories { ... maven { url 'https://jitpack.io' } }}
第二步： 添加依赖项
dependencies { implementation 'com.github.KevinYou128:HotHeart:v1.1'}
第三步：直接在布局文件里调用
<com.yqw.hotheart.HeartFrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" app:degrees_interval_max="20" app:degrees_interval_min="-20" app:swipe_image="@drawable/ic_heart" tools:context=".MainActivity"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/douyin" /></com.yqw.hotheart.HeartFrameLayout>
直接在你的父布局外层包裹上hotheart布局就可以了，另外，考虑到缩减布局层数，我特意添加了HeartLinearLayout、HeartConstraintLayout、HeartRelativeLayout、HeartFrameLayout等父容器，你可以直接使用它们来替换你的原生布局，以达到缩减布局层数的效果。
XML属性说明
swipe_image：点击时需要显示的图片
refresh_rate：设置动画刷新频率，默认为16，数值越大动画表现越慢，建议使用默认就好了
degrees_interval_min：图片最小旋转角度，默认-30，取值范围为-360到360（注意取值小于或等于max）
degrees_interval_max:图片最大旋转角度，默认30，取值范围为-360到360（注意取值大于或等于min）
java代码属性说明
setOnDoubleClickListener：双击事件监听
示例：
heartViewGroup.setOnDoubleClickListener(new HeartViewGroup.DoubleClickListener() { @Override public void onDoubleClick(View view) { //双击事件处理 } });
setSwipeImage(int id)：设置点击时需要显示的图片
setRefreshRate(int refreshRate)：设置动画刷新频率，默认为16，数值越大动画表现越慢，建议使用默认就好了
setDegreesInterval(int min,int max)：设置图片旋转角度区间，默认-30到30
min取值范围为-360到360
max取值范围为-360到360
如果不懂还可以看源码。
网友评论