ios - UIStackView 中的 Lottie AnimationView 大小不明确

Question

我正在尝试将 5 个动画 View 添加到 UIStackView 中，但我遇到布局问题:“AnimationView 的宽度和水平位置不明确”。所以我的 stackView 无法正常工作。 这是我创建动画 View 的函数(我也尝试手动设置动画 View 的框架 - 没有任何反应):

extension AnimationView  {
    public func configureCustomAnimationView(with animation: Animation?, speed: CGFloat) -> AnimationView {
        let animationView = AnimationView()
        animationView.animation = animation
        animationView.animationSpeed = speed
        animationView.translatesAutoresizingMaskIntoConstraints = false
        return animationView
    }
}

在我的 viewController 中，我创建了 5 个动画 View 属性:

    private var starOneAnimation = AnimationView().configureCustomAnimationView(with: Animation.starsAnimation, speed: 1)
    
    private var starTwoAnimation = AnimationView().configureCustomAnimationView(with: Animation.starsAnimation, speed: 1)
    
    private var starThreeAnimation = AnimationView().configureCustomAnimationView(with: Animation.starsAnimation, speed: 1)
    
    private var starFourAnimation = AnimationView().configureCustomAnimationView(with: Animation.starsAnimation, speed: 1)
    
    private var starFiveAnimation = AnimationView().configureCustomAnimationView(with: Animation.starsAnimation, speed: 1)

我的堆栈 View :

    private var starsStack: UIStackView = {
        let starsStack = UIStackView()
        starsStack.alignment = .center
        starsStack.axis = .horizontal
        starsStack.distribution = .equalCentering
        starsStack.translatesAutoresizingMaskIntoConstraints = false
        return starsStack
    }()

    public override func viewDidLoad() {
        super.viewDidLoad()
        starsStack.addArrangedSubview(starOneAnimation)
        starsStack.addArrangedSubview(starTwoAnimation)
        starsStack.addArrangedSubview(starThreeAnimation)
        starsStack.addArrangedSubview(starFourAnimation)
        starsStack.addArrangedSubview(starFiveAnimation)
}

Answer 1

将您的stackView更改为:

private var starsStack: UIStackView = {
    let starsStack = UIStackView()
    starsStack.alignment = .center
    starsStack.axis = .horizontal
    starsStack.distribution = .fillequally
    starsStack.translatesAutoresizingMaskIntoConstraints = false
    return starsStack
}()