本文将从为什么要做动画，到动画实现方式，再到用AE+Bodymovin制作动画，结合实际案例行分享，希望给新手带来一些启发。首先我们来聊聊，我们为什么要做动效？1、突出产品某项功能在APP中，我们经常遇到需要突出某个东西或者是新增某个东西，那我们可以通过动效形式，来吸用用户注意力，让用户产生好奇的欲望去点击发现更多。图片来自-口碑APP2、表达产品界面层级关系让用户更直观的了解产品界面层级关系、空
转载
2024-08-28 19:21:41
80阅读
## Android JSON动画加载库
在开发Android应用程序时，经常会遇到需要加载和显示动画的需求。为了简化开发过程，提高效率，开发者可以使用现有的动画加载库。其中一种常见的动画加载库是基于JSON文件的动画加载库。通过加载JSON文件，开发者可以轻松地创建复杂的动画效果，并在应用中使用。
### 什么是Android JSON动画加载库？
Android JSON动画加载库允许开
原创
2024-04-08 03:37:03
88阅读
一、简单介绍：lottie是一个跨平台的动画库，通过AE（After Effects）制作动画，再通过AE插件Bodymovin导出Json文件，最终各个终端解析这个Json文件，还原动画。本文中我只介绍前端用到的库lottie-web。lottie是一个不太占体积，还原度高，对于初学者友好的库。设计师制作好动画，并且利用Bodymovin插件导出Json文件。而前端直接引用lottie-web库
转载
2023-12-15 18:51:12
294阅读
JSON是什么？ JSON 是一种用于数据交换的文本格式，诞生于 2001 年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。这种格式不仅人很容易进行阅读和编写，同时机器也很容易解析和生成，是当前十分流行的数据格式，尤其是在前端领域。 了解XML请戳->: [https://jingyan.baidu.com/article/ed2a5d1f8aad8e09f6be
转载
2023-10-10 21:43:38
93阅读
JSON 是我们开发中最常使用的一种数据格式，这篇文章中，我们主要看看在开发中最常见的几种格式的 JSON 数据在 Flutter 中的解析：以下案例中，我们都会将json文件放到本地，也就是 assets 文件中，然后从本地读取这些文件进行解析。如我们需要读取 assets/person.json :image那么就需要在 pubspec.yaml 中做如下配置：flutter:uses-mat
转载
2023-12-12 21:51:24
170阅读
iOS设备上的动画借助官方SDK：CoreAnimation那一套已经比较强大了，基本上的动效都能实现，就是1、开发这边比较累；2、安卓那边也比较累况且 俩平台最后展示的可能有些细节还不一样。借助Gif文件、视频文件等方式也有几个弊端：1文件体积比较大。2都没有官方支持。第三方库都有的。好像安卓那边接Gif不方便。那怎么办？早几年出了个动效引擎库Lottie，比较强大，好几个平台都能使用：web(
转载
2023-09-17 00:47:40
20阅读
日常能想到的小动画基本就是使用ps导出GIF动画/AE通过插件直接导出GIF，方便快捷；但最近工作中遇到了关于透明背景导出GIF动画的问题：导出的GIF动画有白边，有锯齿感。网上找了一大堆教程，主要原因出在GIF格式本身的问题。GIF动画采用8位色压缩，只能处理256种颜色，透明度的情况下，png和alpha通道不同，GIF的每个像素只有透明和不透明两种状态，做不到平滑边缘的效果，导致在透明背景下
【AE脚本信息】用于导出Web动画的After Effects扩展。动画导出为.json文件，使用随插件附带的bodymovin.js播放器。您可以在svg，canvas和html上在浏览器中渲染动画。它支持After Effects功能的子集。动画也可以通过Lottie在iOS和Android上本地播放，带脚本使用视频教程。An After Effects extension to export
转载
2024-08-22 21:58:39
38阅读
人类的智慧难以想象，所以才会有越来越多有意思的东西创造出来。 设计师把一组包含了动画效果的json文件交给工程师，工程师只要加载这个json文件就能重现动画效果，真的是非常便捷。 下面介绍两种具体的技术lottieArbnb开发的lottie技术。 设计者使用After Effects创建动画，使用Bodymovin插件将动画导出为json，开发者使用Lottie加载器加载json就能重现动画。
转载
2023-06-27 23:01:52
451阅读
导语：Lottie动画是Airbnb开源的一个支持 Android、iOS 以及 ReactNative。通过AE导出的JSON文件+Lottie库可快速实现动画绘制。本文主要讲述从AE的bodymovin插件导出的JSON文件到OC的数据模型，再将数据模型拆解成独立图层，并为图层添加动画的过程。Lottie动画原理概述上图是Lottie动画库从AE导出动画到绘制到客户端屏幕的过程，第一阶段是JS
转载
2023-11-14 14:27:28
237阅读
1.什么是Lottie能够解析渲染通过 AE 上的 Bodymovin 插件将 AE 中制作好的动画导出成的 json 文件(1)数据源多样性—可从assets,sdcard,网络加载动画资源，动态更新(2)跨平台—设计稿导出一份动画描述文件，android,ios,react native通用2.如何制作Lottie动画Lottie鼓励将创作的动画开源，于是有了动画广场,并且整个流程比较简单于是
转载
2024-02-25 22:07:00
137阅读
Lottie一个适用于Web、Android、iOS、React Native和Window的移动库，它可以使用Bodymovin解析以json格式导出的Adobe After Effects动画，并再移动设备上进行本地渲染。1.需要引入JavaScript文件，我使用的是cdn中的链接。这里直接上链接，按需取用。
2.json格式的文件我不是UI啊，我也不知道怎么做出来的，我只知道使用AE做的动
转载
2024-07-12 16:44:19
175阅读
目录Lottie能做什么Lottie 动画使用调用流程Json字段介绍解析为LottieComposition资料总结一、Lottie能做什么在实现动画方面，原生的方式开发成本比较高，airbnb开源的lottie有Android、iOS、RN等多个版本的支持，设计师通过AE设计好动画后，通过AE插件Bodymovin导出json和素材文件。可以上 https://lottiefiles
转载
2024-05-10 00:29:38
61阅读
JSON的由来JSON是一种轻量级的数据交换格式，前端是离不开JSON的，JSON采用完全独立于编程语言的文本格式来存储和表示数据。在目前的开发中，JSON是一种非常重要的数据格式，它并不是编程语言，而是一种可以在服务器和客户端之间传输的数据格式。 JSON的全称是JavaScript Object Notation（JavaScript对象符号）JSON是由Douglas Crockford构想
转载
2024-02-05 00:34:40
55阅读
导读：Lottie动画是Airbnb开源的一个支持 Android、iOS 以及 ReactNative。通过AE导出的JSON文件+Lottie库可快速实现动画绘制。本文主要讲述将Lottie中的动画拆解成独立图层，并在独立图层中添加动画的过程。Lottie动画原理概述上面这个流程 是 Lottie动画库从AE导出动画到绘制到客户端屏幕的过程，在上一篇文章Lottie动画json文件解析中已经介
转载
2023-09-18 09:58:44
352阅读
1. JSON 是什么？JSON，全称是 JavaScript Object Notation，即 JavaScript对象标记法。 JSON是一种轻量级（Light-Meight)、基于文本的(Text-Based)、可读的(Human-Readable)格式。 JSON 的名称中虽然带有JavaScript，但这是指其语法规则是参考JavaScript对象的，而不是指只能用于JavaScrip
转载
2023-11-26 11:09:29
91阅读
# SwiftUI JSON动画实现教程
在本教程中，我将带领你逐步实现一个简单的SwiftUI项目，其中包含从JSON数据加载信息并以动画形式展示。我们将通过几个清晰的步骤来完成这个过程。首先，让我们了解整个流程。
## 流程概述
下面是实现"SwiftUI JSON动画"的步骤：
| 步骤 | 描述 |
|------|----------------|
| 1
原创
2024-09-26 04:16:51
50阅读
# JSON 动画在 Android 中的应用
在 Android 开发中，动画是提升用户体验的重要部分。随着应用程序的复杂性增加，开发者需要有效地管理状态和呈现动画。在这种背景下，JSON 动画成为了一种流行的选择。本文将介绍如何在 Android 中使用 JSON 动画，具体涵盖实现过程中的各个关键步骤，并附带代码示例。
## 什么是 JSON 动画？
JSON 动画通常指使用 JSON
1.背景介绍什么是JSONJSON (JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。——百度百科
转载
2023-10-17 19:50:01
139阅读
在安卓开发中，使用 JSON 格式的动画数据能极大提升界面开发的灵活性与表现力。借助如 Lottie 等库，我们可以在应用中以JSON格式加载复杂动画，从而减少开发和维护的成本。本文记录了在安卓中实现动画 JSON 的过程，包括环境准备、分步指南、配置详解、验证测试、排错指南以及扩展应用。
## 环境准备
在开始之前，请确保开发环境正确设置。
### 前置依赖安装
| 依赖项
