一、序 Hi，大家好，我是承香墨影！ Lottie 是 Airbnb 开源的一套跨平台的完整解决方案，设计师只需要使用 After Effectes （之后简称 AE）设计出动画之后，使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接 ...

前沿 官方文档： http://airbnb.io/lottie/#/web lottie-web一个适用于Web，Android，iOS，React Native和Windows 的移动库， 它可以使用Bodymovin解析以json 格式导出的Adobe After ...

一般app中都会带有动画，而如果是一些复杂的动画，不但实现成本比较高，而且实现效果可能还不能达到UI想要的效果，于是我们可以借助lottie来完成我们想要的动画 ...

我们的设计如是说： Lottie的json动画,优缺点有 优点： 1、开发成本低，动画的还原度高。设计师导出 json 文件后，交付开发。原本要1天甚至更久的动画实现，现在只要不到一小时甚至更少时间了。 2、支持服务端 URL 方式创建。所以可以通过服务端配置 json 文件，随时替换 ...

' 步骤二： 把用到的动画json文件和相关的图片导入项目里（ui导出json文件的时候会有相关图片） ...

在上一篇博文《[UWP]在UWP平台中使用Lottie动画》中我简单介绍了一下LottieUWP项目以及如何使用它呈现Lottie动画，这篇文章里我们来讲点进阶的东西——缓存Lottie动画帧。 为什么会有这样的需求呢？ 有两方面原因： 直接在XAML中使用Lottie动画时，是边播放 ...

lottie是一个跨平台的动画库，通过AE（After Effects）制作动画，再通过AE插件Bodymovin导出Json文件，最终各个终端解析这个Json文件，还原动画。本文中我只介绍前端用到的库lottie-web。 对比三种常规的制作动画方式 Png序列帧 2.Gif图 ...

SVG SVG是Android 5.0中新加入的一个新特性。 从5.0开始android也开始支持SVG图了，这使得我们可以实现更多的好看的动画。 什么是SVG？ SVG的全称是Scalable Vector Graphics，叫可缩放矢量图形。它和位图（Bitmap）相对 ...