如何：在iOS中使用StackView View从XIB自定义自定义视图的大小

我最近开始再次使用Swift进行iOS开发，现在正在研究自定义UIControl。为了布局和灵活性，此自定义视图使用StackView构建。

我想实现的目标...

...基本上是将StackView的功能与我通常直接将其拖到情节提要中时所具有的功能相同-在这里它的大小可以毫无问题地调整。这本质上与自定尺寸的Tableview单元相同。

展示柜

我可以将CustomView简化为一个简单的示例：这是一个StackView，其中带有三个标签，分别Alignment设置为Center，Distribution Equal Centering。StackView将固定在左，右和顶部布局指南（或尾随，前导和顶部）。我可以轻松地使用CustomView进行重新创建，从XIB加载后，将其转换为具有相同参数的CustomView-我将两者都作为屏幕快照附加。

Simple StackView的屏幕截图

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视频“自动布局的奥秘”，但是对于我来说，这个话题仍然很新，我认为我没有找到正确的方法。所以这是我需要帮助的地方

（1）我应该设置约束并禁用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时，我遇到了很多有关XCode 8崩溃的问题，因此我不确定该怎么做。

（2）还是我应该优先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）我是否还以“建议的”方式加载XIB？

还是有更好的方法，例如通过使用UINib.instantiate？我真的找不到最佳做法。

（4）为什么我必须首先这样做？

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

到目前为止，最有用的是https://stackoverflow.com/a/24441368中的关键短语：

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

..但我真的不太确定。

（5）为什么我必须在代码中添加约束？

假设我禁用了，translatesAutoresizingMaskIntoConstraints那么我不能设置约束，如IB中的tableview单元格吗？它将始终转换为label.top = top之类的内容，因此标签将被拉伸，而不是StackView继承尺寸/高度。另外，我不能真正将StackView固定到XIB文件的IB中的容器视图中。

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