Lottie

第三方开源库之 Lottie

GitHub：https://github.com/airbnb/lottie-android官方文档：http://airbnb.io/lottie/配置在app/build.gradle中添加如下：
小飞象0304·2019-12-29 19:49

iOS动画:通过例子解构动画实现

但物极必反，在我的视角看来像lottie的开源方airbnb就有点过犹不及了。过多的动画，不仅消耗了性能，尤其是大型app。而且奇怪的交互会导致用户的认知混乱。项目中用到的动画的实现无非几个
费宇超·2019-12-29 15:27

iOS接入 Lottie 动画过程详解

Lottie动画简介Lottie动画是airbnb最新开源的动画解决方案，支持多种平台，可以使我们不费吹灰之力就可以将动画接入app中，只需要一个json文件即可。
__silhouette·2019-12-28 13:40

Lottie在上屏渲染前设置进度问题

最近做一个下拉刷新的需求，踩到一个坑，如下：self.animView=[[LOAAnimationViewalloc]initWithName:@"demo"];self.animView.frame=self.view.bounds;self.animView.center=self.view.center;[self.viewaddSubview:self.animView];self.an
熊妹妹·2019-12-28 00:51

收藏一下可能会需要用到的技术文章

1.AsyncDisplayKit使用经验分享AsyncDisplayKit近一年的使用体会及疑难点2.Git常用命令git常用命令.jpg3.iOS接入Lottie动画过程详解Lottie是一个可应用于
hsuyelin·2019-12-24 16:52

iOS 集成lottie动画自定义tabBar

集成lottie动画自定义tabBar在当今一个APP想要脱颖而出必须在用户体验上足够出色，而APP用户界面动画就能极大地提升用户体验流畅感和交互感，Airbnb开源的Lottie，可以让开发者免去写一行一行的代码而非常容易地渲染动画
iOS小童·2019-12-24 14:56

阿里搞事情，开发了一款神器犸良！零基础也能做酷炫动效设计

犸良是一款基于Lottie的动效设计平台。它是一个积累了很多通用动效素材的平台，你只需要简单的编辑图片/文字即可轻松完成动效制作。什么是Lottie？Lo
苏笙君·2019-12-21 18:11

如何构造酷炫的物理效果和过场动画效果 - Lottie

Lottie（官网）是Airbnb开源的一个动画框架。
魏蜀黍的魏夫人·2019-12-21 09:12

iOS开发月报#9|201903

imageTipsSpine+SpriteKit项目中需要引入一些实物动画，每个动画之间有不同形态的切换，考虑过gif,mp4,AE+lottie,Spine+SpriteKit。
zhangferry·2019-12-20 15:39

Lottie Android 初探

LottieAndroid初探Lottie是一个支持Android、iOS、ReactNative，并由AdobeAfterEffects制作aep格式的动画，然后经由bodymovin插件转化渲染为json
抱歉我孤独成性视你如命i·2019-12-19 15:52

用Lottie实现简易动画

上午听到同事说起维护之前项目，解决线替换线上项目的序列帧动画的问题。每逢节日想在app中感受到节日气氛，之前都是UI把多张图片给我们，然后前端用序列帧动画的方式实现。节日这么多，那每次为了这个动画都要发布新版本，办法很笨。刚好前不久出现了这么一个开源项目，恰到好处的解决了这个问题。设计师只需要用AE把动画效果做出来，再用Bodymovin（插件）把动画倒出为json文件，给到后台，后台传给前端，前
z我要是唐僧就留在女儿国·2019-12-19 14:50

iOS 好用的第三方库

lottie-iosairbnb出品的动画引擎，需使用json数据制作动画支持AE-features不支持AE-featurespod'lottie-ios'设计师首先要安装一个插件AE插件设置好以后，
咩咩sheep·2019-12-19 13:07

优雅的动画实现方案SVGA、Lottie

为了解决这样的问题，今天来介绍两款实现复杂动画的开源库：Lottie和SVGA。LottieLottiei
Japho·2019-12-19 04:33

Flutter Lottie动画

https://github.com/CarGuo/GSYGithubAppFlutter1、在flutter配置文件pubspec.yaml中添加依赖，如下：dependencies:flutter_lottie
陈水寒·2019-12-19 00:43

lottie介绍及使用相关（翻译）

Lottie.jpgOverview因为应用的下个版本的很多交互是参考Airbnb来的，而Airbnb开源了一个叫做Lottie动画库，而该库可以完成很多复杂炫酷的动画。
拿根针尖对麦芒·2019-12-18 13:01

基于lottie的下拉刷新动画封装

image.png分三段动画第一段pulling动画手动打开书本，跟随下拉手势距离修改动画播放百分比。第二段文字跳出刷新过程中文字跳到出现动效，只播放一次，播放完成后，一直保留到完全结束刷新。第三段持续翻书动效刷新过程中，书本翻动动效，可持续轮播或播放一次动画后，自动完成刷新。上代码：#import"MJRefreshHeader.h"NS_ASSUME_NONNULL_BEGIN@interfa
择势勤·2019-12-17 07:38

（译）Lottie的未来- 关于动画工具的社区驱动愿景

六个月前，当我们发布Lottie时，并没有想到在社区中会得到如此的认可。
vcy桑·2019-12-16 08:22

Android Lottie 踩坑之 LottieAnimationView 缩放无效

Lottie作为一个可以轻松实现复杂动画的跨平台开源动画库，从发布至今，受到了越来越多开发者的推崇。笔者所在项目从今年8月开始接入lottie库，使用的是2.0.0的版本。
sheng_ming·2019-12-16 03:35

iOS 高仿飞聊红包动画 散射动画 lottie动画、CAEmitterLayer、3D短震效果

效果图如下animation.gif原理动画主要分为几部分散射粒子动画（CAEmitterLayer+金币图画）循环滚动的RMB动画（Timer）到达某几个档位时的LOTTIE动画（对应档位的LOTTIEjson
ElegantLiar·2019-12-14 12:17

Lottie - 让复杂动画如此简单

Introduction.gifanimation.gif使用准备Lottie支持多平台，使用同一个JSON动画文件，可在不同平台实现相同的效果。
燊在锦官城·2019-12-12 21:44

Lottie - 让复杂动画如此简单

Introduction.gifanimation.gif使用准备Lottie支持多平台，使用同一个JSON动画文件，可在不同平台实现相同的效果。
燊在锦官城·2019-12-12 21:44

聊聊 Airbnb 的 Lottie

【背景】自从Airbnb开发出Lottie之后，设计师只需要使用AfterEffects设计出完美的动画，然后通过Bodymovin插件进行简单的转换和导出成JSON，最后工程师将JSON放入App项目中
zhengLH·2019-12-08 11:46

使用lottie加载json动画

github代码传送门先上效果图，这个是做的一个仿抖音的点赞动画：giphy.gif众所周知，属性动画、补间动画通常只能做一些效果简单的，而做复杂的动画可采用gif图，帧动画，但是这样资源空间增大导致apk增大不小。而加载json文件实现动画就完美解决以上问题。设计师AE导出Json文件，Lotti解析Json文件后调CoreAnimation的API绘制渲染。所以让你们公司的UI去学一学AE吧，
奔跑吧李博·2019-12-08 08:59

lottie-ios 的集成及使用

Lottie是一个可应用于Andriod和iOS的动画库，它通过bodymovin插件来解析AdobeAfterEffects动画并导出为json文件，通过手机端原生的方式或者通过ReactNative
奇怪的她的他·2019-12-08 08:16

Lottie实现动画效果

使用Lottie实现动画效果1、通过CocoaPodslottie-ios导入这个类2、找一个动画的json文件，Lottie不仅支持本地的json动画文件的播放，也支持网络的json文件3、代码的实现
lovelytitantian·2019-12-08 07:41

Lottie导入和使用

Lottie是一个可应用于Andriod和iOS的动画库，可以使用AE导出的json高效创建动画。
碧玉小瑕·2019-12-07 21:48

狂拽酷炫diao炸天的开源动画项目:lottie-android,拿来就用！

前言：一个app做的怎么样有很多衡量的标准，但是对于普通用户而言，最最直接的莫过于打开app就呈现出的UI效果，比如一个高大上，酷炫而又神器的动画可能立马就让用户脱口而出“我去！这里diao？”。没错，这种让用户惊讶的第一印象一直都是我所追求的！无奈的是由于app的定位，自身的技术能力，UI美工的不给力等因素的限制，一直没能做出一款含有酷炫交互动画的app！但是最近（出来有段时间了，只是我最近才接
伦子汪不造轮子·2019-12-07 17:13

bodymovin导出动画json结果分析

lottie动画的json配置object名称定义v使用bodymovin的版本assetes图片集合layers图层集合w视图的宽度h视图的高度ip起始关键帧op结束关键帧fr帧率动画时间=(op-ip
熊妹妹·2019-12-02 02:47

利用lottie打造app完美动画

对于专业的设计师来说设计一款飘逸灵动的动画也许并不是什么难题,但是对于开发者来说,当动画或者视图切换非常复杂时,是很难百分百的将这个动画在app中完美地展现出来的,飘逸炫酷的动画意味着代码量和难度剧增.但有了Airbnb开发的Lottie
dequal·2019-11-05 12:39

android for lottie 一个解放双手的动画库

lottie一个解放双手的动画库imageimageLottie是Airbnb开源的一个支持Android、iOS以及ReactNative，利用json文件的方式快速实现动画效果的库。
来自猴子的暴击·2019-11-04 15:18

移动客户端开发笔记2

TIOBE2月编程语言排行榜，Swift和Objective-C语言分别排在12和19位OC稳住呀～文章推荐（转）移动端图片格式调研最近看到Lottie项目，一个iOS，Android和ReactNative
李传格·2019-11-04 05:31

android相关整理

Lottie开源动画库介绍与使用示例blog.csdn.net/zcychong/article/details/549080221、隐藏状态栏的接口：发送这个广播"com.android.systembar.hide
若无初见·2019-11-02 05:38

2017 年你应该尝试的 25 个 Android 库

1.Lottie由Airbnb推出，支持将AdobeAfterEffects动画通过Bodymovin导出成JSON，并在手机上渲染它们。目前已经有超过8600颗star，相信它
极小光·2019-11-01 04:52

Lottie Android 动画制作与使用

LottieAndroid动画制作与使用还未了解Lottie的同志，请观看我上篇文章：LottieAndroid初探一、效果图预览这里写图片描述二、AdobeAfterEffects安装作为IT攻城狮，
抱歉我孤独成性视你如命i·2019-10-31 13:29

lottie 动画

想实现这样的动画有几种方法:使用Gif，这种方式当然可行，但是使用Gif占用空间较大，而且需要为各种屏幕尺寸、分辨率做适配，因为Android没有提供原生Gif的api支持，所以这种方案还会遇到兼容性问题；使用帧动画，这种方式还不如使用Gif，一般来说使用帧动画占用空间比Gif还要大的多，而且一样要做多屏幕分辨率的适配，不过不会遇到兼容性问题；使用视频，这种方式当然可以，但是一般来说宣传片才用的上
坚持编程_lyz·2019-10-31 03:43

微信小程序使用lottie-miniapp动画/原生

lottie-miniapp//使用的是ui设计动画，只是本人一知半解，仅供参考下载使用的是微信开发者工具，打开项目文件，使用shift+鼠标右键，选中PowerShell，命令窗输入：npmi-Slottie-miniapp
瑶瑶我媳妇·2019-10-08 09:02

Android中使用Lottie实现炫酷的引导页/介绍页

老规矩，先上效果图：Lottie是什么？
暖暖的云阳·2019-09-29 10:36

Lottie在手，动画我有：ios/Android/Web三端复杂帧动画解决方案

本文编辑于OSX系统，之前出现过windows下看不到部分图片的情况，如有请大家告知为什么需要Lottie在相对复杂的移动端应用中，我们可能会需要使用到复杂的帧动画。
外婆的彭湖湾·2019-09-18 09:00

Lottie在手，动画我有：ios/Android/Web三端复杂帧动画解决方案

Lottie在手，动画我有：ios/Android/Web三端复杂帧动画解决方案本文编辑于OSX系统，之前出现过windows下看不到部分图片的情况，如有请大家告知为什么需要Lottie在相对复杂的移动端应用中
外婆的彭湖湾·2019-09-18 09:00

bodymovin for Mac(AE动画导出json插件)

动画可以通过bodymovin播放器在网络上播放，也可以通过Lottie在iOS和Android中播放。要播放动画，请在扩展程序面板中获取播放器，然后将其加载到浏览器中。
wx5d4e7985ce42c·2019-09-17 17:08

lottie-react-native引发ios cocoapods的使用

然后给GIF，她们导出来说比导视频还大，视频已经几十兆了，我调研了一下方案，决定使用Lottie方案。由于这个出了比较多问题，所以单独写一篇。
寻找自我的兔茽·2019-09-16 20:36

lottie-react-native引发ios cocoapods的使用

然后给GIF，她们导出来说比导视频还大，视频已经几十兆了，我调研了一下方案，决定使用Lottie方案。由于这个出了比较多问题，所以单独写一篇。
寻找自我的兔茽·2019-09-16 20:36

json动画

html5使用json动画https://github.com/airbnb/lottie-web首先引入需要的js文件lottie.js。声明一个dom对象。引入json动画文件。
越来越好。·2019-09-12 16:02

Android优秀开源框架集

android-async-httpandroid图表框架4.MPAndroidChart图片加载框架5.glide6.picasso7.Android-Universal-Image-Loader8.fresco动画库9.lottie-android10
Foin_liang·2019-09-12 16:21

lottie-web的使用说明

1.html；犸良demo地址准备好json文件；lottieDemo//第三步:实例化varruelsLottie=lottie.loadAnimation({path:'.
Chenming_321·2019-09-05 12:58

前端特效:Javascript,css animation,GIF,Lottie

特效在9102前端营销广告或者H5或者纯粹广告图的方式司空见惯,但总有新的替代方式。虽然特效越来越复杂,但特效制作的制作过程却越来越简便。最近做了个项目使用到了最新的实现技术，以下会对比相应的技术实现。一，前端JS库实现特效jQueryanimat，canvas库等等二，CSS动画库实现详情：https://github.com/daneden/animate.css三，GIF动图1.PS制作gi
Museions·2019-08-24 18:53

Flutter 动画详解（一）

移动端的动画库有非常的多，例如iOS上的Pop、web端的animate.css、Android端的AndroidViewAnimations、跨平台的Lottie等。
锐心凌志·2019-08-13 16:31

Flutter 动画详解（一）

移动端的动画库有非常的多，例如iOS上的Pop、web端的animate.css、Android端的AndroidViewAnimations、跨平台的Lottie等。
锐心凌志·2019-08-13 16:31

Android lottie java.lang.IllegalStateException: Missing values for keyframe. 问题解决

对接lottie时，根据Lottie用法，加载json，效果显示不出来，lottie官网上预览json显示正常，大量搜索后，发现lottie低版本，不适用现在AdobeAfterEffects和bodymovin
anymyna·2019-07-30 23:20

如何解决Android Studio编译时报的duplicate class这类问题

序前段时间做一个需求，因为要做复杂的动画，所以选择了Airbnb的lottie动画框架。
clcwcxfwf·2019-07-30 21:41
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他