导语
lottie的出现给设计师和开发带来了极大的便利。设计师设计的动画可以百分百还原。但是在使用过程中可能会遇到不少显示异常或者性能问题,因此结合lottie官方文档以及我在实践中遇到的问题做了如下总结:)
Introduction_00_sm.gif
Introduction_03_sm (1).gif
1. 保持简洁
动画一定要保持简洁,否则会影响性能,在手机上运行会出现卡顿的情况。
1.1 导出的矢量图层使用1X一倍图
sketch等素材导出到AE时,使用1X 一倍图(以保证资源最小),在AE中更改资源大小即可
这一部分非常重要,使用一倍图的assets,在AE中调整最终需要的尺寸。而不要用大尺寸的assets。
1.2 尽可能使用【父子关系】parenting
1.3 尽量保持图层简洁,预合成嵌套越少越好
对于嵌套关系复杂的动画(例如一个预合成里嵌套几个合成),会对性能产生负面影响。最终运行时,动画在手机中显示卡顿。
1.4 尽量少用路径动画(path keyframe animations)
由于它为每个关键帧