Lottie动画在Android和Ios开发中的应用——Ios篇

本文介绍了Lottie动画的使用方法及效果展示,包括如何在iOS项目中集成Lottie动画库,实现不同类型的动画效果,以及如何调整动画的时间、进度、速度和循环播放等参数。

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

Lottie动画官网


Lottie动画是airbnb最新开源的一个动画解决方案,在移动平台使用非常便捷,无论AndroidiOS,还是Web都支持。


先来看一下他能做的效果


我们来看官方demo 

这是官方上传到github上的Ios Demo

里面展示了三个方面

一、各种单独动画的展示

二、输入法字母的动画

三、两个页面之间的切换动画

有兴趣的同学,可以直接下载demo运行


我们来看一下怎么能在我们项目中应用Lottie动画

当然,首先你得有动画的文件,这个官方demo里有很多,可以直接用,也可以自己用AE制作一个导(安装插件Bodymovin)出来使用。

Lottie库支持用pod直接导入

pod 'lottie-ios'

run

pod install

再代码中使用LOTAnimationView

LOTAnimationView *animation = [LOTAnimationView animationNamed:@"Lottie"];
[self.view addSubview:animation];
动画名称,不需要后缀名.json

另外,动画可以获取时间,播放进度,播放速度,循环播放等参数,当然也可以设置这些参数

如:animationDuration animationProgress animationSpeed loopAnimation pause play


playWithCompletion 监听播放完毕动画的时机


可是我想播放编辑的图片的动画,android里就可以,而ios里没找到怎么设置,也没在demo里找到对应事例,

难道ios和android支持的还不一样么?







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LO嘉嘉VE

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值