1)今天在捡以往CALayer 动画的时候看到Airbnb 动画库Lottie 顺手写个小demo 测试下,顺便了解下。
场景一:在开发 app 过程中,需要在 app 中实现设计师提供的效果动画,都是通过代码来实现,针对复杂的动画,开发同学更是会花费很长时间去实现,如果是处女座的设计师,还会坐在开发同学旁边“折磨”开发同学一起调细节,做过的同学一定深有体会。
场景二:还有一些情况,因为实现动画的开发成本比较高,比如需要1~2天去实现一个动画效果,但是因为版本周期比较紧,会在无奈中砍掉或者简化动画,那么原本想提升用户体验的,却打了折扣。
Lottie是一个可以解析使用【bodymovin】插件从 Adobe After Effects 中导出的格式为 json 的文件,并在 iOS、Android、macOS、React Native 中进行解析使用的开源库
至于它的优缺点搜一下就很多。
集成方式:
target 'LottieAnimationDemo' do
pod 'lottie-ios'
end
具体动画效果官网:www.lottiefiles.com/70-image-icon-tadah
http://www.cocoachina.com/ios/20170503/19168.html 借鉴链接
2.相较于UIview封装的动画CoreAnimation 动画更加容易控制。
1)ios 动画主要有基础动画(CABasicAnimation)、关键帧动画(CAKeyFrameAnimation)、组合动画(CAAnimationGroup)以及转场动画(CATransition)。关键帧动画和基础动画同属属性动画。
2)
网友评论