Lottie 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Lottie 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

Lottie 是 Airbnb 开发的一款能够为原生应用添加动画效果的开源工具。Lottie 目前提供了 iOS, Android, 和 React Native 版本,能够实时渲染 After Effects 动画特效。

Lottie 在不需要对代码进行重写的情况下让工程师更加方便的创建更丰富的动画效果。有了 Lottie 你就不再需要使用 Gif 动画来展现效果。

目前,Lottie支持路径修剪,蒙版、遮盖等操作。此外还有一个可选的缓存机制,对那些频繁使用的东西能够更快加载。这款应用的目标就是帮助开发者和动画师能够更轻松的为应用创建动画,从而在整体上提升互动因素。

Lottie 依赖于 Bodymovin 插件。

展开阅读全文

代码

评论 (16)

加载中
打分: 很差
为没有C++的解析库实现啊。
2018/04/18 17:00
回复
举报
怎么用啊,不会安装,
2017/05/08 15:23
回复
举报
打分: 推荐
66666666666666666
2017/04/01 17:56
回复
举报
给大家分享一个不错的存储框架:https://github.com/huangzhibiao/BGFMDB 我是活雷锋 完美支持: int,long,signed,float,double,NSInteger,CGFloat,BOOL,NSString,NSMutableString,NSNumber,NSArray,NSMutableArray,NSDictionary,NSMutableDictionary,NSMapTable,NSHashTable,NSData,NSMutableDat
2017/03/16 17:21
回复
举报
打分: 力荐
看着太有诱惑了
2017/02/14 09:08
回复
举报
为啥按照github上pod集成不了呢
2017/02/09 09:53
回复
举报
打分: 力荐
看着不错哦
2017/02/05 22:30
回复
举报
打分: 力荐
确实好东西
2017/02/05 10:08
回复
举报
没放在码云里, 不应该啊
2017/02/04 13:59
回复
举报
打分: 力荐
可以试试react native版本的怎么样
2017/02/04 11:27
回复
举报
更多评论
暂无内容
发表了博客
2018/04/09 11:53

Lottie 使用

原文:https://mp.weixin.qq.com/s?__biz=MzIxNjc0ODExMA==&mid=2247485033&idx=1&sn=54dd477b4c4cd30d12fde48eba929546&chksm=97851f48a0f2965e342a2cdf55cbefceaa20a24b887e2b79ff940ca57a17b6cb9ae999643ace#rd 设计师使用 After Effects 设计出完美的动画,然后通过 Bodymovin 插件进行简单的转换和导出成 JSON,最后...

0
0
发表了博客
2018/06/21 14:11

lottie使用

dependencies { implementation 'com.airbnb.android:lottie:2.5.5' } 动画素材地址:https://www.lottiefiles.com/ 编译的时候一直报:Manifest merger failed with multiple errors, see logs 后来发现2.5版本的minSdkVersion 是16。自己的是14 lottie-android app:lottie_colorFilter="#000000" 可以修改动画得颜色...

0
0
发表了博客
2018/09/22 21:27

Lottie动画简介

感谢支持ayqy个人订阅号,每周义务推送1篇(only unique one)原创精品博文,话题包括但不限于前端、Node、Android、数学(WebGL)、语文(课外书读后感)、英语(文档翻译) 如果觉得弱水三千,一瓢太少,可以去...

0
0
发表于大前端专区
2018/05/14 14:02

Lottie开源动画库

一款Lottie的动画库,效果挺好,查了一下发现这款动画库可以支持H5。它能够同时支持iOS、Android、ReactNative和H5的开发。Lottie动画库和Bodymovin的AE插件结合,把在AE上做好的动画导出为json文件,然后以Android/iOS原生动画的形式在移动设备上渲染播放。 Web:https://github.com/airbnb/lottie-web iOS:https://git...

0
2
发表于大前端专区
2018/08/03 20:00

Lottie踩坑记

最近项目里面Lottie用的比较多,但是在使用的时候发现一些问题,今天先讲一个。 Toggle动画 类似这样的组件,我们应该用的很多,比如一些开关Switch,一些状态切换,比如Toggle button,这些组件我们要设置动画,...

0
0
发表了博客
2019/11/01 18:18

pixi与lottie-web的benchmark测试

生产版本 "dependencies": { "lottie-web": "^5.5.7", "pixi-spine": "^1.5.23", "pixi.js": "^4.8.8" } 讲座项目对资源做对比 ps:测试网络环境:fast 3g 库 gzip大小 打包使用的资源 资源数 加载方式 绘制 FP onload pixi&pixi-spine 34.08+77.04 = 121.12kb 147kb 4 xhr webGL/canvas 1409ms 15147ms lottie-web 61.5kb...

0
0
发表了博客
2018/04/10 12:50

程序员也想改 Lottie 动画?是的!

一、前言 Hi,大家好,我是承香墨影! Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案,用过都说好。完全解耦开发人员和设计师,让设计师设计的动画,在程序中无缝还原,真是一旦拿起绝不放下。 之前也写过两篇关于 Lottie 基础的文章,还不了解的可以先看看。 站在 Android 开发的角度,聊聊 Lottie! Lo...

0
0
发表了博客
2019/06/21 18:54

在vue中使用lottie

在普通h5中使用Bodymovin和Lottie网上的教程有很多,导出data.json后引入lottie.js就可以了 尝试在vue中使用时,参考https://github.com/chenqingspring/vue-lottie 不知道其他人使用怎样,自己直接全部拷贝会出错,找不到lottie.vue的错,及数据上的错误,同样会报错的话可以尝试下。 以下为自己修改了一点的使用方法 ...

0
0
发表了博客
09/03 13:14

Android Notes|BottomNavigationView 爱上 Lottie

第 99 次推文 LZ-Says 鸡老大说:大丈夫岂能久居人下。 前言 好容易解决个问题,赶紧记录一波。 当日事当日毕,践行鸡老大,点滴积累,万一某天优秀了呢? 以前大部分项目底部导航栏关于图片部分的实现,要么两套...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
16 评论
426 收藏
分享
返回顶部
顶部