Lottie 动画加载 JSON 文件详解 Lottie 是 Airbnb 开源的一个动画项目,支持 iOS、mac OS、Android RN 等多个平台。它可以解决某些复杂动画的实现,减少代码量和调试时间。通过使用 Lottie,开发者可以方便地实现动画,并且可以跨平台共享动画。 Lottie 的优势包括: 1.方便实现动画,节约调试动画效果时间等,不用写一大堆代码来实现动画,只要设计相关的 JSON 文件就可以了。 2.多个平台可以共用,例如 iOS 和 Android,公用一个动画。 3.可以通过 URL 的方式加载 JSON 文件,来替换客户端动画,不用发版本了。 4.设计师可以轻松地实现动画,然后给到开发,开发说这个实现不了,或者说很费时间,然后让设计用这种方式去实现。 5.对于 iOS 来说支持 ViewController 转场动画。 6.iOS 平台上用 Core Animation 做矢量动画。性能不错,而且有缓存。 7.对比于用 GIF 动画,手写动画,轻量,性能和存储上都更佳。 Lottie 的不足之处包括: 1.iOS 版本要 >= 8.0 才可以使用,不支持 7.x。 2.对于一些交互性的动画,支持不是很好。 3.Bodymovin 插件待完善,仍然有部分 AE 效果无法成功导出。 4.动画无法被编辑,加载下来是什么样子,就原封不动。 使用 Lottie 需要具备以下步骤: 1.引入 Lottie 库 compile 'com.airbnb.android:lottie:1.0.1'。 2.创建 assets 文件夹,将 JSON 文件放入其中。 3.引用 LottieAnimationView 控件 <com.airbnb.lottie.LottieAnimationView ...>。 常用属性包括: 1.app:lottie_fileName="likeanim.json" 加载 JSON 文件的文件名。 2.app:lottie_loop="true" 是否循环播放。 3.app:lottie_autoPlay="true" 是否自动播放。 常用操作包括: 1.lottieLike.playAnimation(); // 播放。 2.lottieLike.pauseAnimation(); // 暂停。 3.lottieLike.cancelAnimation(); // 取消。 4.lottieLike.getDuration(); // 获取动画时长。 5.lottieLike.addAnimatorListener(new Animator.AnimatorListener() { }); // 添加动画监听。 通过使用 Lottie,可以轻松地实现复杂的动画,并且可以跨平台共享动画。同时,Lottie 也提供了许多便捷的操作,可以满足开发者的需求。




















- 粉丝: 3
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 右岸地下厂房进水口1310m以上开挖支护技术方案-secret.doc
- [成都]高层现代风格办公综合体建筑设计方案(含住宅、商业建筑).pdf
- 2号栋北钢筋混凝土挡土墙施工方案.doc
- 业务外驻管理规定(最新版2009-2-18).doc
- 球罐组装几何尺寸报告.doc
- 北京某小区工程测量施工方案.doc
- 3.29项目成员工作周报.doc
- 财务管理-01.ppt
- 家庭教育指导工作计划.doc
- [北京]高层办公楼防水工程施工工艺.doc
- 简洁实用的目标检测操作界面平台
- 注册公用设备工程师(暖通)考试模拟题及答案(三).doc
- 基于计算机网络技术的医院信息化建设发展.docx
- 《建筑结构抗震设计》课后习题全解(王社良版).doc
- 定期考绩汇总表.doc
- 成都某超高层工程临时用水方案.doc


