Lottie动画

[TOC]ios

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

详细使用参考GitHublottie-ios程序员


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

哪些场景适宜使用 Lottie?

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

  • 上下拉刷新动画:全部APP都必备的功能,利用 Lottie 能够作的更加简单酷炫了segmentfault

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

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

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

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

  • 视图转场动画(经过 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 文件实现动画

相关文章
相关标签/搜索