美文网首页
iOS 高仿飞聊红包动画 散射动画 lottie动画、CAEmi

iOS 高仿飞聊红包动画 散射动画 lottie动画、CAEmi

作者: ElegantLiar | 来源:发表于2019-06-06 14:54 被阅读0次

效果图如下


animation.gif

原理

动画主要分为几部分

  • 散射粒子动画 (CAEmitterLayer + 金币图画)
  • 循环滚动的RMB动画 (Timer)
  • 到达某几个档位时的LOTTIE动画 (对应档位的LOTTIE json动画)
  • 持续的震动效果 AudioServicesPlaySystemSound

注意

  • 散射动画的具体散射形状 角度 速率 自转 重力等效果自己在CAEmitterLayer 和 CAEmitterCell 设置
  • 飞聊动画在会话cell上,为节省资源开销,全局使用一份动画
  • 长按手势的几个状态处理,当长按时,push下一个页面可能会有问题,注意UIGestureRecognizerStateCancelled的处理
  • AudioServicesDisposeSystemSoundID(1519) 为短振,注意在iPhone6 以上机型是没有震动效果的

demo地址

有不明白的在评论中回复即可,对你有帮助的话麻烦star一下哦

相关文章

网友评论

      本文标题:iOS 高仿飞聊红包动画 散射动画 lottie动画、CAEmi

      本文链接:https://www.haomeiwen.com/subject/autuxctx.html