上午听到同事说起维护之前项目，解决线替换线上项目的序列帧动画的问题。
每逢节日想在app中感受到节日气氛，之前都是UI把多张图片给我们，然后前端用序列帧动画的方式实现。
节日这么多，那每次为了这个动画都要发布新版本，办法很笨。
刚好前不久出现了这么一个开源项目，恰到好处的解决了这个问题。
设计师只需要用AE把动画效果做出来，再用Bodymovin（插件）把动画倒出为json文件，给到后台，后台传给前端，前端使用Lottie就可简易的实现动画效果。
笔者是用cocoapods管理三方的，新建工程加入‘lottie-ios’之后，便可以使用了。
几行代码实现动效，比之前省里很多。
这是json文件的内容
把json文件拖到工程里，引入框架，创建视图就可以了。
代码实现
里面还有很多属性和方法，支持本地和远端。熟练使用还需探索。
动效
上午听到同事说起维护之前项目，解决线替换线上项目的序列帧动画的问题。 每逢节日想在app中感受到节日气氛，之前都是...
用Lottie实现的动画效果 1.什么是Lottie Lottie是Airbnb开源的一款面向Android,io...
使用Lottie实现动画效果 1、通过CocoaPods lottie-ios导入这个类2、找一个动画的json文...
vue-lottie动画效果 之前用lottie模仿过san官网的动画效果(没有打广告QAQ) 仓库地址 模仿de...
使用Lottie做加载动画 先给出Lottie的链接：Lottie-iOS 使用Lottie做动画的好处： 多平台...
Fish-Lottie：纯Dart如何实现一个高性能动画框架？Fish-Lottie：纯Dart如何实现一个高性能...
iOS接入 Lottie 动画过程详解 iOS接入 Lottie 动画过程详解
vue-lottie是一个基于vuejs的动画效果实现组件。它基于lottie开源项目，可以将After Effe...
背景?最近在工作过程中遇到一些用css3不好实现的动画，gif又满足不了需求，那么就试试lottie动画吧（需要你...
1）Android属性动画特性2）插值器与估值器3）Android动画框架实现原理。Lottie 动画使用建议： ...
本文标题：用Lottie实现简易动画
本文链接：https://www.haomeiwen.com/subject/bfmywttx.html
网友评论