如何：在iOS中使用StackView View从XIB自我调整自定义视图

Question

我最近又开始使用Swift进入ios开发，现在我正在研究定制的UIControl。对于布局和灵活性，此自定义视图使用StackView构建。

我想要实现的目标......

...基本上只是具有与StackView相同的功能，当我将它直接拖到故事板中时我通常拥有它 - 在那里它调整大小以适应没有问题。这与自我调整tableview单元基本相同。

橱窗

我可以将我的CustomView简化为一个简单的例子：它是一个包含三个标签的StackView，Alignment设置为Center，Distribution Equal Centering。 StackView将固定到左，右和顶部布局指南（或尾随，前导和顶部）。我可以轻松地使用CustomView重新创建，从XIB加载转换为具有相同参数的CustomView - 我将两者都附加为屏幕截图。

Screenshot of Simple StackView

Screenshot of CustomView

加载XIB文件并进行设置。

import UIKit

@IBDesignable
class CustomView: UIView {

    // loaded from NIB
    private weak var view: UIView!

    convenience init() {
        self.init(frame: CGRect())
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        self.loadNib()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.loadNib()
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        // we need to adjust the frame of the subview to no longer match the size used
        // in the XIB file BUT the actual frame we got assinged from the superview
        self.view.frame = bounds
    }

    private func loadNib ()  {
        self.view = Bundle (for: type(of: self)).loadNibNamed(
            "CustomView", owner: self, options: nil)! [0] as! UIView
        self.addSubview(self.view)
    }
}

你在这里看到的是我只是加载XIB文件，覆盖布局子视图以使框架适应实际视图，就是这样。

问题

所以我的问题与通常如何接近有关。我的StackView中的标签具有内在的内容大小，即，通常StackView只是适应标签的高度而不会抱怨 - 如果您在故事板中设计它。但是，如果您将所有内容放在XIB中并保持布局原样，那么如果视图固定在三个方向（如顶部，前导，尾随），IB将会抱怨未知高度。

我阅读了自动布局指南并观看了WWDC视频“AutoLayout之谜”，但这个话题对我来说还是一个新鲜事，我认为我还没有找到正确的方法。所以这是我需要帮助的地方

(1) Should I set constraints and disable `translatesAutoresizingMaskIntoConstraints` ?

我首先能做和应该做的是设置translatesAutoresizingMaskIntoConstraints false，这样我就不会得到自动生成的约束并定义自己的约束。所以我可以将loadNib改成这个：

private func loadNib ()  {
    self.view = Bundle (for: type(of: self)).loadNibNamed(
        "CustomView", owner: self, options: nil)! [0] as! UIView
    self.view.translatesAutoresizingMaskIntoConstraints = false
    self.addSubview(self.view)

    self.addConstraint(NSLayoutConstraint (
        item: self
        , attribute: .bottom
        , relatedBy: .equal
        , toItem: self.view
        , attribute: .bottom
        , multiplier: 1.0
        , constant: 0))

    self.addConstraint(NSLayoutConstraint (
        item: self
        , attribute: .top
        , relatedBy: .equal
        , toItem: self.view
        , attribute: .top
        , multiplier: 1.0
        , constant: 0))

    self.addConstraint(NSLayoutConstraint (
        item: self.view
        , attribute: .leading
        , relatedBy: .equal
        , toItem: self
        , attribute: .leading
        , multiplier: 1.0
        , constant: 0))

    self.addConstraint(NSLayoutConstraint (
        item: self.view
        , attribute: .trailing
        , relatedBy: .equal
        , toItem: self
        , attribute: .trailing
        , multiplier: 1.0
        , constant: 0))
}

基本上我确实拉伸视图以适应故事板中我的UIView的整个宽度，并限制它的顶部和底部到StackView的顶部和底部。

我使用这个时遇到了很多问题，XCode 8崩溃了，所以我不太清楚要做什么。

(2) Or should I override `intrinsicContentSize` ?

我也可以通过检查所有intrinsicContentSize的高度来简单地覆盖arrangedSubviews并取一个最高的那个，将我的视图高度设置为：

override var intrinsicContentSize: CGSize {
    var size = CGSize.zero

    for (_ , aSubView) in (self.view as! UIStackView).arrangedSubviews.enumerated() {
        let subViewHeight = aSubView.intrinsicContentSize.height
        if  subViewHeight > size.height {
            size.height = aSubView.intrinsicContentSize.height
        }
    }

    // add some padding
    size.height += 0
    size.width = UIViewNoIntrinsicMetric
    return size
}

虽然这肯定会给我更大的灵活性，但我也必须使内在内容大小无效，检查动态类型以及我宁愿避免的许多其他内容。

(3) Am I even loading the XIB in the "proposed" way ?

或者有更好的方法，例如通过使用UINib.instantiate？我真的找不到最好的方法来做到这一点。

(4) Why do I have to do this in the first place?

真的，为什么？我只将StackView移动到CustomView中。那么为什么StackView现在不再适应自己，为什么我必须设置顶部和底部约束？

到目前为止最有帮助的是https://stackoverflow.com/a/24441368中的关键词：

“通常，自动布局以自上而下的方式执行。换句话说，首先执行父视图布局，然后执行任何子视图布局。”

..但我真的不太确定。

(5) And why do I have to add the constraints in code?

假设我禁用translatesAutoresizingMaskIntoConstraints然后我不能设置像IB中的tableview单元格那样的约束？它总是会转换成类似label.top = top的东西，因此标签会被拉伸，而不是继承大小/高度的StackView。另外，我无法将StackView固定到IB的IBIB文件容器视图中。

希望有人可以帮助我。干杯!