整个视图从左上角动画化

Question

嘿，互联网阅读器，

我正在构建一个小功能，让我的横幅使用 Snapkit 和 Combine 从顶部动画化。在我的viewDidLoad 中，我调用了setupObservers，它在下面创建了这个发布者。

在我的应用程序的更深处，isShown 被切换，以便发布者在第一次看到视图时触发，不仅导致横幅而且整个视图从左上角 0,0 位置开始动画。

我知道这是因为我打电话给self.view.layoutIfNeeded()，我只是想知道如何缓解这种情况，这样我就可以在没有动画的情况下加载视图，然后显示横幅。

谢谢！

    public override func viewDidLoad() {
        super.viewDidLoad()

        setupObservers()

        viewStore.send(.viewDidLoad)
    }

        viewStore.publisher
            .banner
            .isShown
            .sink { isShown in
                guard self.initLoadFinished else { return }

                UIView.animate(withDuration: Metrics.animationDuration, delay: 0, options: .curveEaseInOut) {
                    self.banner.snp.updateConstraints {
                        if isShown {
                            self.topConstraint = $0.top.equalToSuperview()
                        } else {
                            self.topConstraint = $0.top.equalToSuperview().offset(-Metrics.bannerHeight)
                        }
                    }
                    self.view.layoutIfNeeded()
                }
            }.store(in: &cancellables)

Answer 1

从动画块中设置常量

self.banner.snp.updateConstraints {
    if isShown {
         self.topConstraint.update(offset: 0)  
    } else {
         self.topConstraint.update(offset:-Metrics.bannerHeight)
    }
}  
UIView.animate(withDuration: Metrics.animationDuration, delay: 0, options: .curveEaseInOut) { 
    self.view.layoutIfNeeded() 
}