Lottie 动画使用

UI常常会用到一些动画特效，比如心形跳动、返回效果等，此时常规手段往往力不从心，使用Lottie就能助力你飞起来。

Lottie 是一个动画库，能够让设计师创建可扩展的动画，并在多种平台上被使用。它最初由Airbnb开发，其独特的特点在于能够将Adobe After Effects动画转化为轻量级JSON格式，然后在Web、Android和iOS上播放。本章将对Lottie动画库的起源、特点和它如何工作进行简单的概述。Lottie的核心优势之一是它能够将复杂的动画设计转化为高效、易于维护和传输的代码片段，这在移动设备上尤为重要。

Lottie 是Airbnb开源的一个面向 iOS、Android、React Native 的动画库，能分析 Adobe After Effects 导出的动画，并且能让原生 App 像使用静态素材一样使用这些动画，完美实现动画效果。1.劣势（1）性能不够好—某些动画特效，内存和性能不够好；相对于属性动画，在展示大动画时，帧率较低2.优势(1)开发效率高—代码实现简单，更换动画方便，易于调试和维护。(2)数据源多样性—可从assets,sdcard,网络加载动画资源，能做到不发版本，动态更新。

Lottie动画

GitHub https://github.com/airbnb/lottie-android Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them native

Web动画（lottie篇）

我们都知道，安卓里面有三种基本的播放动画方式：帧动画，属性动画，补间动画今天介绍一种新的实现方式：Lottie动画Lottie是爱彼迎开源的一个动画框架。可以支持iOS、Android 和 React Native ，可实时渲染 After Effects 动画，让应用程序使用动画就像使用静态图像一样轻松。这波博客主要介绍基本的使用，文末也会贴上相关的资料。...............

最近项目中有用到动画的地方，有好几处动画，设计师给了帧动画。使用帧动画虽然简单，但是会消耗内存和增加apk的体积。这两个问题是系统app不能容忍的。 最后推动设计师提供了lottie格式的动画资源。 解决方案： 1.尝试使用surfaceview承载帧动画，可以参考以下文章 https://github.com/yuyashuai/SilkyAnimation 2.使用lottie,lo...

lottie-web container 用于渲染的容器 renderer 渲染器 loop 循环 autoplay 自动播放 path 路径 api 使用： 名称参数描述stop无停止动画play无播放动画pause无暂停setSpeedNumber设置播放

虽然 Lottie 主要用于播放预定义的动画，但你也可以通过修改 JSON 文件或使用 Lottie 的编程接口来自定义动画的一些方面，如颜色、大小等。Lottie 是一个强大的动画库，它极大地简化了跨平台动画的实现过程。通过它，设计师和开发者可以更加紧密地合作，共同创造出令人惊叹的动画效果。如果你正在寻找一个简单、高效且跨平台的动画解决方案，那么 Lottie 绝对值得一试。

一、简介 Lottie是Airbnb开源的一个动画渲染库，支持多平台，包括iOS、Android、React Native以及Web。 Lottie动画的制作流程如下： 设计师通用After Effects 制作动画，然后通过Bodymovin插件导出对应的json文件，给到每个端的研发，然后进行编译展示。 官网地址 GitHub地址 二、简单使用 1、依赖引入 build.gradle ...