Lottie Android 动画制作与使用

最新推荐文章于 2025-03-11 21:51:30 发布
最新推荐文章于 2025-03-11 21:51:30 发布
阅读量9.5k 收藏 4
点赞数 4
分类专栏： 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/vitamio/article/details/70159276
版权
本文详细介绍了如何使用Adobe After Effects（AE）制作Lottie动画，并在Android项目中集成和展示。从AE的图标素材导入、动画制作、到json文件导出，再到Android Studio（AS）中新建Lottie项目，设置依赖，处理图片资源，最终成功运行动画。文章提供了一个DEMO链接和相关参考资料。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Lottie Android 动画制作与使用

还未了解Lottie的同志，请观看我上篇文章：
Lottie Android 初探

一、效果图预览

这里写图片描述

二、Adobe After Effects安装

作为IT攻城狮，安装软件这方面还都是很强大的，我就不献丑出安装教程了，最后要记得安装插件bodymovin。

三、准备素材

我是在Android Material 材料风格图标LOGO生成器生成的素材，打开网页，然后选择“从下面挑选一个图标”或滚动页面到下方，随便选择一个图标，我选择的是下载图标。进入配置下载界面，配置完成后点击下载。

这里写图片描述

这里写图片描述

这里写图片描述

下载后的内容如下：
这里写图片描述

这里写图片描述

四、AE开始制作

打开AE，进入主界面，使用Ctrl+i快捷键导入刚才下载的图标：

最低0.47元/天 解锁文章
Android Lottie动画使用
2401_84132617的博客
04-13 1417
2.在AE中安装一个叫做Bodymovin的插件。下载，解压缩后只需要\build\extension\bodymovin.zxp这个档案就可以3.手动安装plugin，以windows系统而言，要先下载 ****并解压缩。再来把下载的bodymovin压缩后的 bodymovin-master\build\extension 目录下的bodymovin.zxp 这个档案复制进去同一个资料夹。4.去找cmd，并以系统管理员身分执行。5.打“cd C:/ExManCmd_win所在的路径。
Android Lottie动画
zenmela2011的专栏
11-02 1252
1.Lottie动画 Lottie是Airbnb开源的动画框架，是基于CALayer的动画，所有的路径预先在AE中计算好，转换为Json文件， 然后自动转换为Layer的动画。 Lottie有各种不同的版本， 安卓、iOS、前端都可以使用， 理论上动画做一套就可以共用， 大大的减少了工作量。如果实现复杂的动画，可以直接让设计出相关的动画json文件，大大减轻了代码的工作量。现在有了 Lottie，只需要简单的代码就可以实现复杂动画效果的库。很好的解决了动态改变动画的能力，只需要动态加载相应的json文件
Android studio使用Lottie实现动画
10-10
Lottie是Airbnb开源的一个支持 Android、iOS 以及 ReactNative，利用json文件的方式快速实现动画效果的库。
Android Lottie动画的简单使用
热门推荐
废墟的树的专栏
03-13 1万+
简介在Android中做动画效果无非是以下几种方法： 普通动画 帧动画 属性动画 通过改变LayoutParams布局参数来实现动画 现如今在Github上有一个比较火的动画库Lottie，Github上关于Lottie库介绍大概是这样的： Lottie是一个为Android和iOS设备提供的一个开源框架，它能够解析通过Adobe After Effects 软件做出来的动画，动画文件通过
Vue中 Lottie 实现SVG动画完全指南
最新发布
ChuXiao的博客
03-11 1392
Lottie 是一个由 Airbnb 开发的库，它可以在 Web、iOS、Android 和 React Native 上渲染 Adobe After Effects 动画。简单来说，设计师可以在 After Effects 中创建精美的动画，然后通过 Bodymovin 插件导出为 JSON 格式，开发者再通过 Lottie 库将这些 JSON 文件渲染成高质量的动画。这意味着你可以在你的网站或应用中使用复杂的动画，而不需要使用 GIF 或视频，从而获得更好的性能和质量。在传统的 Web 开发中，如果我们
Android 中的 Lottie 动画入门
大模型训练
07-19 4429
如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。.........
Lottie动画工具6.6
11-30
1、动画由设计使用专业的动画制作工具Adobe After Effects来实现，使动画实现更加方便，动画效果也更好； 2、前端可以方便的调用动画，并对动画进行控制，减少前端动画工作量； 3、设计制作动画，前端展现动画，...
Lottie动画工具 v3.4.4
11-02
为您提供Lottie动画工具下载，Lottie是适用于Android和iOS的移动库，它可以使用Bodymovin解析以json格式导出的Adobe After Effects动画，并在移动设备上进行原生渲染！Lottie 在不需要对代码进行重写的情况下让...
Android平台实现lottie动画
牛永志的专栏
10-08 1890
Android 集成 Lottie动画
Lottie动画在Android和Ios开发中的应用——Android篇
dengdaijc的专栏
02-24 2277
Lottie动画官网 Lottie动画是airbnb最新开源的一个动画解决方案，在移动平台使用非常便捷，无论Android，Ios，还是Web都支持。 先来看一下他能做的效果 这都是官方demo做的效果，动画都没有使用图片哦！ 都是利用描述文件做的动画 Android里avg动画也是利用描述文件来做的，但是5.0以后才支持，现在4.x的android手机还
Android，Lottie动画基本使用
不止于代码
07-05 2139
implementation 'com.airbnb.android:lottie:5.0.3' 2 获取json动画文件 找UI设计人员要json格式的动画文件anim.json 在布局文件中直接使用 3.2 动态创建 在类文件代码中创建（待补充） 待补充.........
Lottie动画（二）Lottie动画制作
yuemingxingxing的博客
03-19 5782
一、工具安装 安装完Adobe After Effects，记得安装插件bodymovin。 二、AE开始制作 打开AE，进入主界面，使用Ctrl+i快捷键导入图标： 使用Ctrl+N快捷键新建一个合成： 左键按住左上方的ic_launcher.png图标拖动到下方操作框中来： 选择下载的图标，使其位置上移一段距离： 左击“位置”左边的圆框，确定图标起点位...
安卓酷炫的动画效果Lottie
巧克力的专栏
06-08 1150
今日科技快讯 6月5日上午，从Acfun（下称A站）公关总监袁蕾处确认，快手全资收购A站。快手方面表示：“未来，A站将保持独立品牌、维持独立运营、保持原有团队、独立发展。快手会在资金、资源、技术等方面给予。 前言 Lottie是一个Android和IOS端的支持库，它能够使用“Bodymovin”将Adobe AfterEffects动画转化为json的形式然后在移动端本地传输。 ...
lottie动画android,lottie——让设计师来写动画
weixin_36316102的博客
05-28 498
首先来思考一下如何实现下面的动画Android的动画有很多种：Frame Animation(逐帧动画)：主要用于播放一帧帧准备好的图片，类似GIF图片。Tween Animation(补间动画)：补间动画就是我们只需指定开始、结束的“关键帧”，而变化中的其他帧由系统来计算，不必自己一帧帧的去定义。Property Animation(属性动画)：属性动画，这个是在Android 3.0中才引进的...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值