Lottie动画

[TOC]

@(工具集合)[温故而知新]

详细使用参考GitHublottie-ios


Lottie做动画,专业的东西交给专业人做,真正解放程序员的生产力。

哪些场景适宜使用 Lottie?

  • 启动(splash)动画:典型场景是APP logo动画的播放

  • 上下拉刷新动画:所有APP都必备的功能,利用 Lottie 可以做的更加简单酷炫了

  • 加载(loading)动画:典型场景是网络请求的loading动画

  • 提示(tips)动画:典型场景是空白页的提示

  • 按钮(button)动画:典型场景如switch按钮、编辑按钮、播放按钮等按钮的切换过渡动画

  • 礼物(gift)动画:典型场景是直播类APP的高级动画播放

  • 视图转场动画(通过 LOTAnimationTransitionController 来实现 presentViewControllerdismissViewControllerAnimated 转场动画)

项目中遇到的问题

不同的设计,同一个设计不同的时期,给出的动画素材名字可能是一样的,这时候就需要开发人员自己给这些素材起名分类。

第一步:新建一个Empty文件,起名xxx.bundle。
第二步:把设计师给的素材全部添加进xxx.bundle中,并且修改json文件的名字为xxx.json
第三步:加载Bundle实现动画
NSString* path = [[NSBundle mainBundle] pathForResource:bundleName ofType:@"bundle"];
LOTAnimationView *animation = [LOTAnimationView animationNamed:bundleName inBundle:[NSBundle bundleWithPath:path]];
复制代码

更多资料参考:

iOS动画实战之Lottie动画

【iOS】Airbnb 开源动画库 Lottie 介绍以及详细示例

Lottie 读取 JSON 文件实现动画

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值