Repolode
airbnb

airbnb/lottie-ios

Airbnb 推出的 iOS 库,可原生渲染导出为 bodymovin JSON 的 After Effects 矢量动画。

Star
26,905
Fork
3,838
未关闭 Issue
45
最近提交
15天前

这是什么?

Lottie for iOS 可加载从 After Effects 导出的 bodymovin JSON 格式矢量动画,并在 iOS 端原生实时渲染,设计师无需工程师手动还原动效。库支持 iOS、macOS、tvOS 和 visionOS,同系列还有 Android 与 Web 版本。

动画以 JSON 存储,文件体积小,同时可以表现复杂的动效。播放时可以调整尺寸、循环、变速、倒放,也可以只播放时间轴的一段,或交互式拖动进度。颜色、位置等可设置关键帧的属性还能在运行时修改。

可通过 Swift Package Manager、CocoaPods 或 Carthage 安装。项目附带一个包含 100 多个示例动画的示例应用,并提供快照测试套件。

核心功能

  • 01原生渲染从 After Effects 导出的 bodymovin JSON 动画,覆盖 iOS、macOS、tvOS 和 visionOS。
  • 02支持循环、变速、倒放以及只播放动画片段等播放控制。
  • 03支持交互式拖动动画进度。
  • 04支持在运行时修改颜色、位置等可设置关键帧的属性。
  • 05可通过 Swift Package Manager、CocoaPods 或 Carthage 安装。

适用场景

  • 将 After Effects 设计的引导页、加载或微交互动画集成到 iOS 应用中。
  • 在不引入大体积视频或 GIF 资源的前提下添加轻量动态插图。
  • 制作进度随用户手势变化的交互式动画。

快速上手

  1. 1

    在 Xcode 中选择 File → Add Packages,输入 https://github.com/airbnb/lottie-spm.git

  2. 2

    或者在 Podfile 中添加 Lottie 的 pod

  3. 3

    将 pod 安装到你的项目中

    pod install
  4. 4

    在 Swift 代码中导入 Lottie

使用前须知

  • 仅支持苹果平台:iOS、macOS、tvOS 和 visionOS。
  • 仅支持以 bodymovin JSON 格式导出的动画。

标签

常见问题

lottie-ios 是什么?
Airbnb 推出的 iOS 库,可原生渲染导出为 bodymovin JSON 的 After Effects 矢量动画。 Lottie for iOS 可加载从 After Effects 导出的 bodymovin JSON 格式矢量动画,并在 iOS 端原生实时渲染,设计师无需工程师手动还原动效。库支持 iOS、macOS、tvOS 和 visionOS,同系列还有 Android 与 Web 版本。
lottie-ios 可以免费使用吗?用的什么许可证?
lottie-ios 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
lottie-ios 还在维护吗?
活跃维护中。lottie-ios 最近一次提交是在 2026年10月6日。
lottie-ios 适合用来做什么?
将 After Effects 设计的引导页、加载或微交互动画集成到 iOS 应用中。 在不引入大体积视频或 GIF 资源的前提下添加轻量动态插图。 制作进度随用户手势变化的交互式动画。
lottie-ios 怎么安装和运行?
在 Xcode 中选择 File → Add Packages,输入 https://github.com/airbnb/lottie-spm.git 或者在 Podfile 中添加 Lottie 的 pod 将 pod 安装到你的项目中: pod install 在 Swift 代码中导入 Lottie
在哪里获取 lottie-ios?
源代码和安装说明在 GitHub 上:https://github.com/airbnb/lottie-ios

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目