Verschachtelte UIStackViews Gebrochen Einschränkungen

Dies ist ein bekanntes problem mit dem ausblenden von geschachtelten stack-Ansichten.

Gibt es im wesentlichen 3 Lösungen für dieses problem:

1. Ändern Sie den Abstand auf 0, aber dann müssen Sie zu erinnern, den vorherigen Abstand-Wert.
2. Nennen innerStackView.removeFromSuperview(), aber dann müssen Sie sich daran zu erinnern, wo zum einfügen der übersicht.
3. Wickeln Sie die stack-Ansicht in einer UIView mit mindestens einem 999-Einschränkung. E. g. top@1000, führender@1000, trailing@1000, unten@999.

Die 3. option ist die beste meiner Meinung nach. Für weitere Informationen über dieses problem, warum es passiert, die verschiedenen Lösungen, und wie zu implementierende Lösung 3, siehe meine Antwort auf eine ähnliche Frage.

So, Sie haben diese:

Und das problem ist, wenn Sie zuerst kollabieren die inneren Stapel, erhalten Sie auto-layout-Fehler:

2017-07-02 15:40:02.377297-0500 nestedStackViews[17331:1727436] [LayoutConstraints] Unable to simultaneously satisfy constraints.
    Probably at least one of the constraints in the following list is one you don't want. 
    Try this: 
        (1) look at each constraint and try to figure out which you don't expect; 
        (2) find the code that added the unwanted constraint or constraints and fix it. 
(
    "<NSLayoutConstraint:0x62800008ce90 'UISV-canvas-connection' UIStackView:0x7fa57a70fce0.top == UILabel:0x7fa57a70ffb0'Top Label of Inner Stack'.top   (active)>",
    "<NSLayoutConstraint:0x62800008cf30 'UISV-canvas-connection' V:[UILabel:0x7fa57d30def0'Bottom Label of Inner Sta...']-(0)-|   (active, names: '|':UIStackView:0x7fa57a70fce0 )>",
    "<NSLayoutConstraint:0x62000008bc70 'UISV-hiding' UIStackView:0x7fa57a70fce0.height == 0   (active)>",
    "<NSLayoutConstraint:0x62800008cf80 'UISV-spacing' V:[UILabel:0x7fa57a70ffb0'Top Label of Inner Stack']-(8)-[UILabel:0x7fa57d30def0'Bottom Label of Inner Sta...']   (active)>"
)

Will attempt to recover by breaking constraint 
<NSLayoutConstraint:0x62800008cf80 'UISV-spacing' V:[UILabel:0x7fa57a70ffb0'Top Label of Inner Stack']-(8)-[UILabel:0x7fa57d30def0'Bottom Label of Inner Sta...']   (active)>

Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKit/UIView.h> may also be helpful.

Dem problem, wie Sie angemerkt haben, ist, dass die äußeren stack-Ansicht gilt Höhe = 0 Einschränkung der innere stack-Ansicht. Diese Konflikte mit dem 8-Punkte-Polsterung-Einschränkung angewendet, indem die inneren Stapel Ansicht zwischen Ihren eigenen Untersichten. Beide Einschränkungen können nicht zufrieden sein gleichzeitig.

Den äußeren Stapel-Ansicht, wird diese Höhe = 0 Einschränkung, ich glaube, da sieht es besser aus, als animiert als nur die Vermietung der Blick nach innen versteckt werden, ohne zu schrumpfen ersten.

Gibt es eine einfache Lösung für dieses Problem: wickeln Sie das innere stack-Ansicht in einer Ebene UIView ausblenden und die wrapper. Ich werde unter Beweis stellen.

Hier ist die Szene, Gliederung für die fehlerhafte version oben:

Um das problem zu beheben, wählen Sie die innere übersicht. Aus der Menüleiste, wählen Sie " Editor > Einbetten In > Ansicht:

Interface Builder erstellt eine Breite Einschränkung für die wrapper-Ansicht, wenn ich dies getan habe, so zu löschen, dass die Breite Einschränkung:

Als Nächstes erstellen Sie constraints zwischen allen vier Kanten der Hülle und die innere übersicht:

Zu diesem Zeitpunkt, das layout ist tatsächlich korrekt zur Laufzeit, sondern der Interface Builder zieht es falsch. Sie können das Problem beheben, indem Sie die Einstellung der vertikalen umarmt Prioritäten der innen-stack-Kinder höher. Ich setze Sie um 800:

Haben wir nicht wirklich behoben, die unerfüllbar beschränken problem an dieser Stelle. Dazu finden Sie unten die Einschränkung, dass Sie gerade erstellt haben, und setzen Sie seine Priorität auf weniger als erforderlich. Ändern wir es um 800:

Schließlich, Sie war vermutlich eine Steckdose in Ihrer view-controller angeschlossen, um die innere stack anzeigen, weil Sie verändert wurden seine hidden Eigenschaft. Ändern, dass die Steckdose, um die Verbindung zu den wrapper-Ansicht statt der inneren stack-Ansicht. Wenn Ihre Steckdose Typ ist UIStackView müssen Sie ändern, um es zu UIView. Mir war schon der Typ UIView, also bin ich einfach wieder in das storyboard:

Nun, beim Umschalten der wrapper-Ansicht hidden Eigenschaft, die stack-Ansicht wird angezeigt, um zu kollabieren, ohne unerfüllbar Einschränkung Warnungen. Es sieht praktisch identisch aus, so dass ich nicht die Mühe Entsendung ein weiteres GIF von der app ausgeführt.

Finden Sie mein test-Projekt in diesem github-repository.

Hier ist die Umsetzung Sinnvoll ist Vorschlag #3 geschrieben, die als Swift 3-Klasse mit SnapKit Einschränkungen. Ich habe auch versucht das überschreiben der Eigenschaften, aber nie bekam er arbeitet ohne Warnungen, also ich ' ll stick mit Verpackung UIStackView:

class NestableStackView: UIView {
    private var actualStackView = UIStackView()

    override init(frame: CGRect) {
        super.init(frame: frame);
        addSubview(actualStackView);
        actualStackView.snp.makeConstraints { (make) in
            //Lower edges priority to allow hiding when spacing > 0
            make.edges.equalToSuperview().priority(999);
        }
    }

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

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func addArrangedSubview(_ view: UIView) {
        actualStackView.addArrangedSubview(view);
    }

    func removeArrangedSubview(_ view: UIView) {
        actualStackView.removeArrangedSubview(view);
    }

    var axis: UILayoutConstraintAxis {
        get {
            return actualStackView.axis;
        }
        set {
            actualStackView.axis = newValue;
        }
    }

    open var distribution: UIStackViewDistribution {
        get {
            return actualStackView.distribution;
        }
        set {
            actualStackView.distribution = newValue;
        }
    }

    var alignment: UIStackViewAlignment {
        get {
            return actualStackView.alignment;
        }
        set {
            actualStackView.alignment = newValue;
        }
    }

    var spacing: CGFloat {
        get {
            return actualStackView.spacing;
        }
        set {
            actualStackView.spacing = newValue;
        }
    }
}