Android高级UI特效仿直播点赞动画效果

 更新时间:2018年03月30日 16:45:33   投稿:mrr  
这篇文章主要介绍了Android高级UI特效仿直播点赞动画效果,最近比较火的抖音快手直播视频都有这样的效果,下面脚本之家小编给大家带来android 仿直播点赞效果的实现代码,需要的朋友参考下吧

本文给大家分享高级UI特效仿直播点赞效果—一个优美炫酷的点赞动画,具体实现代码大家参考本文。

效果图如下:

攻克难点:

心形图片的路径等走向 心形图片的控制范围

部分代码如下:

通过AbstractPathAnimator定义飘心动画控制器

@Override
 public void start(final View child, final ViewGroup parent) {
 parent.addView(child, new ViewGroup.LayoutParams(mConfig.heartWidth, mConfig.heartHeight));
 FloatAnimation anim = new FloatAnimation(createPath(mCounter, parent, 2), randomRotation(), parent, child);
 anim.setDuration(mConfig.animDuration);
 anim.setInterpolator(new LinearInterpolator());//启动动画
 anim.setAnimationListener(new Animation.AnimationListener() {
  @Override
  public void onAnimationEnd(Animation animation) {
  mHandler.post(new Runnable() {
   @Override
   public void run() {
   parent.removeView(child);
   }
  });
  mCounter.decrementAndGet();
  }
  @Override
  public void onAnimationRepeat(Animation animation) {
  }
  @Override
  public void onAnimationStart(Animation animation) {
  mCounter.incrementAndGet();
  }
 });
 anim.setInterpolator(new LinearInterpolator());
 child.startAnimation(anim);
 }

/**
 * 根据图片设置bitmap
 * @param color
 * @return
 */
 public Bitmap createHeart(int color) {
 if (sHeart == null) {
  sHeart = BitmapFactory.decodeResource(getResources(), mHeartResId);
 }
 if (sHeartBorder == null) {
  sHeartBorder = BitmapFactory.decodeResource(getResources(), mHeartBorderResId);
 }
 Bitmap heart = sHeart;
 Bitmap heartBorder = sHeartBorder;
 Bitmap bm = createBitmapSafely(heartBorder.getWidth(), heartBorder.getHeight());
 if (bm == null) {
  return null;
 }
 Canvas canvas = sCanvas;
 canvas.setBitmap(bm);
 Paint p = sPaint;
 canvas.drawBitmap(heartBorder, 0, 0, p);
 p.setColorFilter(new PorterDuffColorFilter(color, PorterDuff.Mode.SRC_ATOP));
 float dx = (heartBorder.getWidth() - heart.getWidth()) / 2f;
 float dy = (heartBorder.getHeight() - heart.getHeight()) / 2f;
 canvas.drawBitmap(heart, dx, dy, p);
 p.setColorFilter(null);
 canvas.setBitmap(null);
 return bm;
 }

如何创建一个path

public Path createPath(AtomicInteger counter, View view, int factor) {
 Random r = mRandom;
 int x = r.nextInt(mConfig.xRand);
 int x2 = r.nextInt(mConfig.xRand);
 int y = view.getHeight() - mConfig.initY;
 int y2 = counter.intValue() * 15 + mConfig.animLength * factor + r.nextInt(mConfig.animLengthRand);
 factor = y2 / mConfig.bezierFactor;
 //随机xPoint
 int xPointFactor = mRandom.nextInt(mConfig.xPointFactor);
 x = xPointFactor + x;
 x2 = xPointFactor + x2;
 int y3 = y - y2;
 y2 = y - y2 / 2;
 Path p = new Path();
 p.moveTo(mConfig.initX, y);
 p.cubicTo(mConfig.initX, y - factor, x, y2 + factor, x, y2);
 p.moveTo(x, y2);
 p.cubicTo(x, y2 - factor, x2, y3 + factor, x2, y3);
 return p;
 }

Activity中代码:

下面给大家分享一个源码:html5+canvas仿抖音直播爱心飘动点赞动画特效源码

总结

以上所述是小编给大家介绍的Android高级UI特效仿直播点赞动画效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 关于Kotlin写界面时诸多控件的点击事件

    关于Kotlin写界面时诸多控件的点击事件

    这篇文章主要介绍了关于Kotlin写界面时诸多控件的点击事件,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Android自定义view渐变圆形动画

    Android自定义view渐变圆形动画

    这篇文章主要为大家详细介绍了Android自定义view渐变圆形动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-03-03
  • Flutter上的数据监控深入理解

    Flutter上的数据监控深入理解

    这篇文章主要给大家介绍了关于Flutter上的数据监控的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • Android仿新浪微博/QQ空间滑动自动播放视频功能

    Android仿新浪微博/QQ空间滑动自动播放视频功能

    相信用过新浪微博或者QQ空间的朋友都看到过滑动自动播放视频的效果,那么这篇文章跟大家分享下如何利用Android实现这一个功能,有需要的朋友们可以参考借鉴。
    2016-09-09
  • 浅析Android中强大的Dialog

    浅析Android中强大的Dialog

    下面将通过一个小实例,来像大家展示Android功能强大的Dialog,代码都写了详细的注释,读者不妨试着手动去敲
    2013-10-10
  • Android实现精美的聊天界面

    Android实现精美的聊天界面

    这篇文章主要为大家详细介绍了Android实现精美的聊天界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android保存联系人到通讯录的方法

    Android保存联系人到通讯录的方法

    怎么保存联系人数据到本机通讯录?这篇文章主要为大家详细介绍了Android保存联系人到通讯录的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Android实现史上最简单自定义开关按钮的方法

    Android实现史上最简单自定义开关按钮的方法

    在平常的开发中按钮是经常使用到的控件之一,下面这篇文章主要给大家介绍了关于Android实现史上最简单自定义开关按钮的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • Android中使用AspectJ详解

    Android中使用AspectJ详解

    本文主要介绍了Android中使用AspectJ的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • Android仿主流壁纸App设置界面

    Android仿主流壁纸App设置界面

    这篇文章主要为大家详细介绍了Android仿主流壁纸App壁纸设置界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01

最新评论