Как: Self-Sizing Custom-View от XIB с представлением StackView в iOS

недавно я снова начал погружаться в разработку iOS с помощью Swift и теперь изучаю пользовательский UIControl. Для компоновки и гибкости это настраиваемое представление построено с использованием StackView.

чего я хочу добиться ...

... в основном просто иметь ту же функциональность с StackView, что и обычно, когда я перетаскиваю его прямо в раскадровку - где он изменяется, чтобы не было проблем. Это по существу то же самое, что и самоизмерение tableview ячейки.

витрина

я могу уменьшить свой CustomView до простого примера: это StackView с тремя метками в нем, Alignment значение Center, Distribution Equal Centering. StackView будет закреплен слева, справа и сверху направляющих макета (или трейлинг, ведущий и верхний). Это я могу легко воссоздать с помощью CustomView, загруженного из XIB перевести в CustomView с теми же параметрами - я прикрепил оба как скриншот.

скриншот простой 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 такие, что я не получаю автоматически генерируемые ограничения и определить свои собственные ограничения. Чтобы я мог измениться!--10--> в:

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) или я должен переопределить 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 тогда я не могу установить ограничения, как для ячеек tableview В IB? Это всегда будет переводиться во что-то вроде label.top = top и, таким образом, метка будет растянута вместо StackView, наследующего размер/высоту. Также я не могу прикрепить StackView к его контейнерному представлению в IB для файла XIB.

надеюсь, кто-то может мне помочь. Ура!