Lottie-iOS中文翻译

作者: 好尼桑 | 来源:发表于2017-03-16 19:48 被阅读3295次

Lottie 应用于iOS、MacOS(以及AndroidReact Native)

  • 本文由CRAnimation团队翻译
  • 本项目iOS版本原地址:airbnb/lottie-ios
  • 本文译文地址:CRAnimation/lottie-ios
  • 翻译:小9
  • 校正:熊熊
  • 术语指导:西西
  • QQ群:547897182(iOS动效特工队)

Lottie 是一个可应用于Andriod和iOS的动画库【术1】,它通过bodymovin插件来解析Adobe After Effects 动画并导出为json文件,通过手机端原生的方式或者通过React Native的方式渲染出矢量动画。

这是前所未有的方式,设计师可以创作并且运行优美的动画而不需要工程师煞费苦心地通过手动调整的方式来重现动画。由于动画是通过json来加载的,使得动画源文件只需占用极小的空间就能完成相当复杂的效果!Lottie可以用于播放动画、调整尺寸、循环播放、加速、减速、甚至是精致的交互。

Lottie 也创造性地支持原生的UIViewController 的转场动画。

这里仅仅列出了强大的Lottie一些小小的例子:

  • 对position调出这个面板,就是可选的了
  • AE曲线概念图

术3

“形状图层填充规则(奇偶/非零缠绕)”:

  • 在AE中,目前是默认支持的非零缠绕


  • 所以本文中的“Even-Odd winding paths”应指的是“形状图层填充规则(奇偶/非零缠绕)”


相关文章

网友评论

本文标题:Lottie-iOS中文翻译

本文链接:https://www.haomeiwen.com/subject/nmndnttx.html