在 Swift 5 内更改 Lottie AnimationView 大小

Question

我正在尝试在我的应用程序中实现 Lottie AnimationView，但我无法调整视图大小。

我就是这样 setup/constrain AnimationView:

@objc func showAnimationTapped(){



    let logoAnimation = AnimationView(name: "StrokeAnimation")
    logoAnimation.contentMode = .scaleAspectFit
    self.view.addSubview(logoAnimation)

    logoAnimation.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    logoAnimation.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    logoAnimation.heightAnchor.constraint(equalToConstant: 200).isActive = true
    logoAnimation.widthAnchor.constraint(equalToConstant: 200).isActive = true

    logoAnimation.play()

}

问题是 XCode 打破了所有约束，而 AnimationView 错误地 placed/scaled。我还检查了 View Hirarchy 并且 AnimationView 实际上覆盖了整个屏幕...还尝试了 CGRect 但这并没有改变任何东西。

如何resize/constrainSwift5中的动画？

我找不到关于这个主题的任何内容。非常感谢您的帮助！

也许我的 AE 文件有问题，因为当我在 Lottiefiles.com 上预览时，"Stroke" 与我的 AE 文件中的动画不同。

但是我也用直接来自 Lottie 的文件对其进行了测试，这导致了同样的问题...

所以也许 Swift/Lottie/AfterEffects 专家可以帮助我 :)

这是我的 AE-File + JSON-file 为了更好地理解。如果有什么不清楚的，请告诉我。

Answer 1

由于您手动给出了自己的约束，您忘记禁用（将其设置为 false）translatesAutoresizingMaskIntoConstraints，试试这个：

@objc func showAnimationTapped(){
    let logoAnimation = AnimationView(name: "StrokeAnimation")
    logoAnimation.contentMode = .scaleAspectFit
    logoAnimation.translatesAutoresizingMaskIntoConstraints = false
    self.view.addSubview(logoAnimation)

    logoAnimation.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    logoAnimation.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    logoAnimation.heightAnchor.constraint(equalToConstant: 200).isActive = true
    logoAnimation.widthAnchor.constraint(equalToConstant: 200).isActive = true

    logoAnimation.play()
}

请记住，如果 translatesAutoresizingMaskIntoConstraints 设置为 true（默认设置），系统会根据视图的框架及其自动调整大小掩码自动创建一组约束，但您不希望这样，您显然想像在代码中那样设置自己的约束。

旁注：请注意 showAnimationTapped() 可能会被多次调用，您不希望每次都继续添加 logoAnimation 视图，否则会使您的 UI性能最差。也许你可以把它放在一个计算变量中，添加它然后 show/hide 它或者只是把它放在一个计算变量中然后 add/remove 它。

在 Swift 5 内更改 Lottie AnimationView 大小

Change Lottie AnimationView size in Swift 5

ios

json

swift

autolayout

lottie