ios - 整个视图从左上角动画化
问题描述
嘿那里的互联网阅读器,
我正在构建一个小功能,我的横幅使用 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)
解决方案
从动画块中设置常量
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()
}