iOS 高仿飞聊红包动画 散射动画 lottie动画、CAEmitterLayer、3D短震效果

释放双眼,带上耳机,听听看~!

效果图如下

animation.gif

原理

动画主要分为几部分

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

注意

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

demo地址

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

人已赞赏
iOS文章

UIViewController的声明周期和主要属性的方法

2020-1-9 10:44:14

iOS文章

iOS设置圆角的三种方法

2020-1-9 10:58:01

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索