因为我一直比较关注 Web 领域的设计趋势, 很早之前就听很说了 Lottie 这个项目, 但是一直没时间和机会去尝试, 最近终于有时间机会于是尝试了一把, 在这里分享一下。 一. Intro to Lottie Lottie 是 Airbnb 开源的一个支持 Web、Andr…

lottie 是一个可以轻易的给各种 native app 添加高质量动画的类库。可以在 iOS、Android 和 React Native 实时渲染 After Effects 动画，就像使用静态图片一样容易。上图即为 lottie 的 logo。 简单的说，lottie …

如何使用Lottie对接设计的动画效果。LottieFile(Figma plugins)导出的动画，并且能让原生APP像使用静态素材一样使用这些动画。

Lottie 是Airbnb开源的一个面向 iOS、Android、React Native 的动画库，能分析 Adobe After Effects 导出的动画，并且能让原生 App 像使用静态素材一样使用这些动画，完美实现动画效果。 1.让设计师使用Adobe 的 Afte…

对应的icon要做一些动画。通常而言，我们在做类似动画时往往依赖的是lottie这个动画库(别问为什么，问就是不会做，做的烂)。然而在实际开发中，我们发现如果这个动画稍微复杂一些，就会出现不易察觉的丢帧现象。往往表现在： 第一次点击tab的时候，因为涉及到对应fragment的…

帧动画的缺点和局限性比较明显，合成的雪碧图文件大，且在不同屏幕分辨率下可能会失真。经调研发现，Lottie是个简单、高效且性能高的动画方案。 Lottie是可应用于Android, iOS, Web和Windows的库，通过Bodymovin解析AE动画，并导出可在移动端和we…

MotionLayout 是一个 Google 官方出品用于制作 Android 中的过渡动画的框架。用来它就能轻松的做出一些较为复杂的动画效果。 接下来让我们进入正题，先来看看我用 MotionLayout 制作的一个 Demo。 在这个例子中，当点击 Login 按钮时，L…

当调用setAnimation的方法时，目的是将Json文件转换成LottieComposition，在将LottieComposition设置进LottieDrawable，然后调用playAnimation()时就开始动画。 当LottieCompositionFactor…

查看动画文件的相关属性（动画时常，帧数，画布大小。。。）