如何在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()