首页 > 解决方案 > 整个视图从左上角动画化

问题描述

嘿那里的互联网阅读器,

我正在构建一个小功能,我的横幅使用 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)

标签: iosswiftsnapkit

解决方案


从动画块中设置常量

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() 
}

推荐阅读