如何在 Lottie iOS 中使用 png 图像？

Question

我试过用bodymovin导出一个后效文件，那个后效文件有几个png图片。我们如何在 iOS 中将其与 Lottie 一起使用？我们是否将这些图像包含在资产目录中，并将它们与 json 文件一起使用？

Answer 1

根据这个函数

https://github.com/airbnb/lottie-ios/blob/973c08da8ccf3dbc171bcd9e8748e6368c5a2107/lottie-ios/Classes/AnimatableLayers/LOTLayerContainer.m#L126

它尝试以不同的方式加载它，包括从资产目录 -- 这就是该文件中第 147 行的作用：

  NSArray *components = [asset.imageName componentsSeparatedByString:@"."];
  image = [UIImage imageNamed:components.firstObject inBundle:asset.assetBundle compatibleWithTraitCollection:nil];

Answer 2

你的问题的答案是肯定的。放入您的 JSON 文件并将图像放入资产目录中。我用这个样本 JSON/assets https://www.lottiefiles.com/1187-puppy-run 试过了。需要注意的一件事是，在 Xcode 上，当您放下图像资源时，您可能需要将它们移动到 2x。

这是我当前的设置：

Answer 3

您可以将所有图片放在 json 旁边。

之后就可以播放动画了：

let animation = LOTAnimationView(name: "LogoAnimation")
animation.play()

如何在 Lottie iOS 中使用 png 图像？

How to use png images with Lottie iOS?

ios

swift

animation

lottie