La création Automatique de contraintes de Mise en forme à topLayoutGuide et bottomLayoutGuide dans le code

Apple la documentation sur la création Automatique de contraintes de Mise en forme entre la vue et l'un des repères de mise en page ne montre un exemple d'utilisation de VFL.

Est-il possible de créer ces contraintes par programme sans VFL (à l'aide de NSLayoutConstraint's d'autres API ou similaire)?

(Note: je suis en demandant explicitement à ce sujet dans le code, pas dans Interface Builder. Et je ne veux pas être calculé length du guide défini comme une constante statique sur une contrainte, je veux une contrainte où des modifications au guide de présentation de la longueur entraînent automatiquement l'accès limité à vue pour régler la position.)

  • Qu'est-ce que le VFL? Le lien est cassé...
InformationsquelleAutor smileyborg | 2013-10-04
  1. 93

    Pour un UIButton que vous voulez placer 20 points en dessous de la UIViewController.topLayoutGuide vous créez le NSLayoutConstraint comme suit:

    [NSLayoutConstraint constraintWithItem:self.button
                             attribute:NSLayoutAttributeTop
                             relatedBy:NSLayoutRelationEqual
                                toItem:self.topLayoutGuide
                             attribute:NSLayoutAttributeBottom
                            multiplier:1.0
                              constant:20.0];

    Avec iOS 9, vous pouvez également créer le NSLayoutConstraint de cette façon:

    [self.button.topAnchor constraintEqualToAnchor:self.topLayoutGuide.bottomAnchor
                                      constant:20.0];
    • Vous êtes le (la moitié?) la droite. Votre code fonctionne, mais NSLayoutAttributeBaseline n'est pas nécessaire pour le faire fonctionner. Si vous êtes à la clouant le topLayoutGuide, NSLayoutAttributeBottom fonctionne de la même façon (et NSLayoutAttributeTop doit être utilisé lors de l'épingler à la bottomLayoutGuide bien sûr). De toute façon...j'ai pensé, j'ai essayé cette approche avant et ça ne fonctionne pas...suppose que je visse quelque chose.
    • Merci @smileyborg. J'ai aussi mis ma réponse pour inclure le nouveau iOS 9 API.
    InformationsquelleAutor Jamie McDaniel
  2. 6

    Pour compléter @JamieMcDaniel réponse, la Swift + iOS9 version:

    self.button.topAnchor
    .constraintEqualToAnchor( self.topLayoutGuide.bottomAnchor ).active = true

    N'oubliez pas le .active = true partie sinon la contrainte n'est pas un coup de pied dans automatiquement.

    InformationsquelleAutor SuitedSloth
  3. 3

    C'est un gist j'ai créé, vous êtes censé intégrer tous vos sous-vues dans un réservoir de vue(conteneur de vue) a été ajoutée dans une xib, il enlève le réservoir de vue-superview xib contraintes et ajoute un upper contraintes à topLayoutGuide donner un iOS6 look. Il pourrait être intéressant pour ce que vous voulez atteindre. 

    //This should be added before the layout of the view
- (void) adaptToTopLayoutGuide {
    //Check if we can get the top layoutguide
    if (![self respondsToSelector:@selector(topLayoutGuide)]) {
        return;
    }
    //tankView is a contaner view
    NSArray * array = [self.tankView referencingConstraintsInSuperviews]; //<--For this method get the Autolayout Demistified Book Sample made by Erica Sadun
    [self.view removeConstraints:array];
    NSArray * constraintsVertical = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[topLayoutGuide]-0-[tankView]|" options:0 metrics:nil views:@{@"tankView": self.tankView, @"topLayoutGuide":self.topLayoutGuide}];
    [self.view addConstraints:constraintsVertical];
    NSArray * constraintsHorizontal = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[tankView]|" options:0 metrics:nil views:@{@"tankView": self.tankView}];
    [self.view addConstraints:constraintsHorizontal];

}
    • Désolé, mais ce n'est pas l'adresse de ma question.
    • VLF est le chemin à parcourir avec mise en page automatique, je ne peux pas trouver une raison pour ne pas l'utiliser, j'ai juste proposé un morceau de code qui peut vous aider à pointer dans la bonne direction.. Si vous voulez penser.
    • Le VFL a ses propres avantages et inconvénients. Personnellement, je suis pas un grand fan de lui, c'est pourquoi j'ai écrit cette Disposition Automatique de la catégorie sur UIView qui résout encore plus de cas d'utilisation de VFL peut. J'ai même écrit quelques avantages/inconvénients de tous la Mise en page Automatique des approches (y compris VFL) sur le fichier README du projet.
    • Vraiment intéressant... j'ai lu le readme et je suis d'accord avec vos points, la chose qui me manque, c'est le cas, je veux dire pourquoi l'utilisation normale de mise en page pour usage général layouting, au lieu de VLF?, la performance?ou quelque chose d'autre?
    • Qu'entendez-vous par "normal"mise en page?
    • Je veux dire créer chaque seule contrainte par programmation sans l'aide de VLF, jusqu'à maintenant, je n'ai jamais trouvé la limitation dans l'usage général. Je suis juste curieux de savoir pourquoi quelqu'un voudrait-il utiliser une seule contrainte au lieu de VLF, je comprends que peut-être il y a des exceptions quelque sorte, en particulier layouting. Est-il une performace raison?
    • Jetez un oeil à la disposition automatique à quoi ressemble le code dans l'exemple de projet sur GitHub. À mon avis, c'est plus agréable à lire & écrire que VFL (moins fou de la syntaxe, de plus en Obj-C comme). Il n'est pas sur la performance à tous. Mais c'est sur le compilateur de vérifier, le débogage plus facile (en sachant exactement ce que chaque ligne est en train de faire), et plus facile de la courbe d'apprentissage parmi d'autres choses.
    • laissez-nous continuer cette discussion dans le chat
    • Andrea, c'est une honte que vous avez obtenu des points négatifs pour un réponse correcte qui est vraiment utile! Les deux VFL et constraintWithItem méthodes sont juste, c'est juste une question de goût. Je préfère VFL chaque fois que possible, je viens de rater quelques fonctionnalités comme le centrage. Pour couper un peu de code, j'ai créé une, très simple, mise en page automatique helper, juste au cas où vous le trouvez utile.
    • Je te suggère de changer la verticale contrainte(s) de @"V:|[topLayoutGuide]-0-[tankView]|" à @"V:[topLayoutGuide][tankView]|" (supprimé la relation entre le haut de la superview et le haut guide de présentation et le -0- entre le haut guide de présentation et tankView)...

    InformationsquelleAutor Andrea
  4. 3

    Simplement un ajout à @Jamie McDaniel, dans le cas où il n'est pas immédiatement évident, vous devez ajouter la contrainte qu'il suggère de créer:

    NSLayoutConstraint *buttonTopConstraint = [NSLayoutConstraint constraintWithItem:self.button
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.topLayoutGuide
                                 attribute:NSLayoutAttributeBottom
                                multiplier:1.0
                                  constant:20.0];
[self.view addConstraint:buttonTopConstraint];
    InformationsquelleAutor Alex Y