Imbriquée UIStackViews Cassé Contraintes

C'est un problème connu avec de cacher imbriquée de la pile des points de vue.

Il y a essentiellement 3 solutions à ce problème:

1. Modifier l'espacement de 0, mais alors vous aurez besoin de se rappeler le précédent valeur d'espacement.
2. Appel innerStackView.removeFromSuperview(), mais alors vous aurez besoin de se rappeler où insérer la pile de vue.
3. Envelopper la vue de la pile dans une UIView avec au moins un 999 contrainte. E. g. top@1000, conduisant@1000, suivi de@1000, bas@999.

La 3ème option est la meilleure à mon avis. Pour plus d'informations sur ce problème, pourquoi cela se produit, les différentes solutions, et comment mettre en œuvre la solution 3, voir ma réponse à une question similaire.

Donc, vous avez ceci:

Et le problème est que, lors de la première de l'effondrement de l'intérieur de la pile, vous obtenez la mise en page automatique des erreurs:

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.

Le problème, comme vous l'avez remarqué, c'est que l'extérieur de la pile point de vue s'applique à une hauteur = 0 contrainte à l'intérieur de la vue de la pile. Cela entre en conflit avec les 8 points de rembourrage contrainte appliquée par l'intérieur vue de la pile entre ses propres sous-vues. Les deux contraintes ne peuvent pas être satisfaits simultanément.

L'extérieur vue de la pile utilise cette hauteur = 0 contrainte, je crois, car il semble mieux lors de l'animation de la laisser le point de vue interne, être caché, sans rétrécissement de la première.

Il y a une solution simple à cela: d'envelopper l'intérieur vue de la pile dans une plaine UIView, et de cacher que le wrapper. Je vais démontrer.

Voici la scène de structure pour la version endommagée ci-dessus:

Pour résoudre le problème, sélectionnez l'intérieur vue de la pile. À partir de la barre de menu, choisissez l'Éditeur > Intégrer Dans > Affichage:

Interface Builder crée une largeur de contrainte sur l'emballage de la vue quand je l'ai fait, donc supprimer que la largeur de la contrainte:

Ensuite, créer des contraintes entre les quatre bords de l'enveloppe et l'intérieur de la pile affichage:

À ce stade, la mise en page est correcte au moment de l'exécution, mais l'Interface Builder attire de façon incorrecte. Vous pouvez résoudre le problème en définissant la verticale serrant les priorités de l'intérieur de la pile, les enfants de plus. J'ai mis à 800:

Nous n'avons pas réellement fixe le unsatisfiable contraindre problème à ce stade. Pour ce faire, trouvez le fond de la contrainte que vous venez de créer et de définir des priorités de moins que prévu. Nous allons changer de 800:

Enfin, vous avez sans doute eu une prise de courant dans votre vue-contrôleur connecté à l'intérieur de la pile de vue, parce que vous étaient en train de changer son hidden de la propriété. Changer cette prise pour connecter le wrapper de vue au lieu de l'intérieur de la vue de la pile. Si votre prise est de type UIStackView, vous aurez besoin de la modifier pour UIView. Le mien était déjà de type UIView, alors j'ai juste rebranché dans le storyboard:

Maintenant, lorsque vous mettez de l'emballage de la vue hidden propriété, la vue de la pile apparaît à l'effondrement, sans unsatisfiable contrainte de mises en garde. Il ressemble presque à l'identique, donc je ne vais pas la peine de poster un autre GIF de l'application en cours d'exécution.

Vous pouvez trouver mon projet de test dans ce dépôt github.

Ici de la mise en œuvre de Senseful la suggestion #3 écrit comme Swift 3 classe à l'aide de SnapKit contraintes. J'ai aussi essayé en substituant les propriétés, mais n'a jamais pu fonctionner sans mise en garde, donc je vais rester avec emballage 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;
        }
    }
}