如何在方向更改时更新 UIView 子类中的自动布局约束

Question

我创建了一个UIView 子类并在其中添加了一些图像视图和标签。我使用视觉格式创建constraints。并且视图布局对于不同的大小类是不同的。我使用下面的代码来识别尺寸等级。

let rule = UITraitCollection(horizontalSizeClass: .regular)
let isHorizontalRegular = self.traitCollection.containsTraits(in: rule)
if isHorizontalRegular {
// constraints for  Horizontal Regular size class
} else {
// constraints for  other size class
}

由于我没有在init 方法中获取大小类信息，所以我创建了所有自动布局constraints 都是在updateConstraints() 方法中创建的。

基于这个实现，我有一些问题。

1. 在覆盖方法updateConstraints()中创建所有constraint是否正确？
2. 如果不是，这是西方式根据尺寸类创建自动布局constraints。
3. 如何在方向更改时更新自动布局constraints。（因为我使用视觉格式创建自动布局constraints）？

我知道我可以使用UIViewController 生命周期方法解决我的问题。但我使用@IBDesignable 在情节提要上呈现视图。那么是否有可能在UIView 子类中实现这些。

请帮我解决这些问题。

Answer 1

小心，一些链接继续 Obj-C 即将出现。

第一步是学习整个视图生命周期，this should help。下一步是了解adaptive layout 是什么。

关注这些覆盖：

viewDidLoad()： 这是您可以设置约束的地方。确保子视图已加载并且 translatesAutoresizingMaskIntoConstraints 对所有内容都是错误的。

viewWillLayoutSubviews()： 我倾向于在这里更改方向，但这只是因为我需要知道整体边界是纵向（高度>宽度）还是横向（宽度>高度）。听起来你有一个更好的地方......

viewWillTransition(to size: with coordinator:): 这是 任何 尺寸类更改将发生或不发生的地方。 iPad 也可以滑出或拆分视图。请注意，基本的 iPad 方向更改不会意味着尺寸等级的更改，因为它们是常规的/常规的。尽管如此，此功能仍将被 ping 通。

这是我通常做的模板：

var p = [NSLayoutConstraint]()
var l = [NSLayoutConstraint]()
var initialOrientation = true
var isInPortrait = false

override func viewDidLoad() {
    super.viewDidLoad()
    setUpConstraints()
}    

override func viewWillLayoutSubviews() {
    super.viewDidLayoutSubviews()
    if initialOrientation {
        initialOrientation = false
        if view.frame.width > view.frame.height {
            isInPortrait = false
        } else {
            isInPortrait = true
        }
        orientationChanged()
    } else {
        if view.orientationHasChanged(&isInPortrait) {
            orientationChanged()
        }
    }
}
func setUpConstraints() {
    view.turnOffAutoResizing()
    // append your portrait (p) and landscape (l) constraint arrays here
}

extension UIView {

    public func turnOffAutoResizing() {
        self.translatesAutoresizingMaskIntoConstraints = false
        for view in self.subviews as [UIView] {
            view.translatesAutoresizingMaskIntoConstraints = false
        }
    }
    public func orientationHasChanged(_ isInPortrait:inout Bool) -> Bool {
        if self.frame.width > self.frame.height {
            if isInPortrait {
                isInPortrait = false
                return true
            }
        } else {
            if !isInPortrait {
                isInPortrait = true
                return true
            }
        }
        return false
    }
    public func setOrientation(_ p:[NSLayoutConstraint], _ l:[NSLayoutConstraint]) {
        NSLayoutConstraint.deactivate(l)
        NSLayoutConstraint.deactivate(p)
        if self.bounds.width > self.bounds.height {
            NSLayoutConstraint.activate(l)
        } else {
            NSLayoutConstraint.activate(p)
        }
    }
}

这对于您的需求来说可能有点矫枉过正，但您应该能够了解它的要点。