仿抖音视频详情页的红心点赞动效

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.TimeInterpolator;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import com.yibai.svideo.R;

import java.util.Random;

/**
 * zzw:2020/07/03
 * 在点击时将心形的图片 add 到整个 view 中,然后在执行动画
 */

public class LoveAnimator extends RelativeLayout {

  int timeout = 400;//双击间格毫秒延时
  long singleClickTime;//记录第一次点击的时间
  DoubleClickListener mDoubleClickListener;
  SimpleClickListener mSimpleClickListener;

  private Context mContext;
  final float[] num = {-30, -20, 0, 20, 30}; // 随机心形图片的角度

  public LoveAnimator(Context context) {
    this(context, null);
  }

  public LoveAnimator(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }

  public LoveAnimator(Context context, AttributeSet attrs, int defStyleAttr) {
    this(context, attrs, defStyleAttr, 0);
  }

  @SuppressLint("NewApi")
  public LoveAnimator(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
    initView(context);
  }

  private void initView(Context context) {
    mContext = context;
    singleClickTime = System.currentTimeMillis();
    clickHandler = new Handler();
  }

  @Override
  protected void dispatchDraw(Canvas canvas) {
    super.dispatchDraw(canvas);
    clickCount = 0;//切换新界面时,重置点击次数
  }

  //手指按下的点为(x1, y1)手指离开屏幕的点为(x2, y2)
  float x1 = 0;
  float x2 = 0;
  float y1 = 0;
  float y2 = 0;
  boolean isMove = false;
  private Handler clickHandler;
  private int clickCount = 0;//记录连续点击次数
  @SuppressLi
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中实现红心赞动画的方式有很多种,其中一种比较常见的方式是使用自定义View实现。在这里,我们介绍一种使用开源库FlowLikeView实现赞动画的方法。 FlowLikeView是一个基于Android的开源库,它提供了一个自定义View,可以实现类似于Instagram的赞动画效果。它提供了一组可定制的属性和回调,可以让你轻松地将赞效果集成到你的应用中。 下面是使用FlowLikeView实现红心赞动画的步骤: 1.添加依赖 在项目的build.gradle文件中添加以下依赖: ``` dependencies { implementation 'com.github.skydoves:flowlikeview:1.1.0' } ``` 2.在layout文件中添加FlowLikeView 在需要添加赞动画的布局文件中添加FlowLikeView,例如: ``` <com.skydoves.flowlikeview.FlowLikeView android:id="@+id/flowLikeView" android:layout_width="wrap_content" android:layout_height="wrap_content" app:flv_duration="500" app:flv_icon="@drawable/ic_favorite_red_24dp" app:flv_iconSize="24dp" app:flv_textSize="12sp" app:flv_textColor="@color/red" app:flv_textTypeface="sans-serif-medium" /> ``` 在这个例子中,我们设置了FlowLikeView的一些属性,例如动画持续时间、红心图标、文字大小和颜色等。 3.在代码中实现赞动画 在代码中可以通过调用FlowLikeView的performClick()方法来触发赞动画,例如: ``` findViewById(R.id.flowLikeView).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { ((FlowLikeView)v).performClick(); } }); ``` 这样就可以实现一个基本的红心赞动画。如果需要更多的自定义,可以查看FlowLikeView的文档和源代码,进行更详细的配置和调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值