Lottie实现app首次进入动画的简单介绍
Lottie是一个支持Web和iOSAndroid平台的移动库,专门用于解析Adobe After Effects动画,通过Bodymovin导出为JSON文件,直接在移动设备上呈现动画效果这一创新使得设计师可以在独立环境中完成动画设计,而开发团队仅需像引用图片一样集成动画资源,大大提升了设计与开发的协同效率Lottie的引入,意味着设计。
实现一个Lottie动画的关键在于理解JSON文件的数据结构与内容Lottie的动画JSON模板可以访问lottiefilescom获取JSON数据结构通常包括全局信息图层相关信息以及属性变化信息等部分全局信息与帧率帧数等参数密切相关,例如,一个0至6秒的动画在30fps的帧率下相当于180帧图层相关信息则对应于动画中的具体。
动画制作设计师使用Adobe After Effects并安装Bodymovin插件来创建动画Windows用户需额外下载ExMan Command Line tool和bodymovin插件,将AE项目导出为json文件这个文件包含了动画的关键帧和路径信息引入Lottie库在Android项目中,通过添加依赖将Lottie库引入加载动画文件将json动画文件放置在项目的asse。