Mise en page automatique: à la Verticale de centrage deux UIViews dans un superview, permet de redimensionner

J'ai deux UIButtons, l'une sur l'autre, dans un superview dont la hauteur peut être redimensionnée. Les deux boutons doivent avoir un espacement vertical entre eux, mais le haut et le bas de l'espace de redimensionner, de sorte que les deux boutons de rester centré dans le superview comme il redimensionne.

J'ai essayé de créer deux inférieur ou égal contraintes (avec la même priorité) sur l'espacement de la superview pour chaque bouton, ainsi qu'une constante de l'espacement vertical entre les boutons, comme indiqué ci-dessous:
Mise en page automatique: à la Verticale de centrage deux UIViews dans un superview, permet de redimensionner

(La raison pourquoi il est inférieur ou égal ici, c'est parce ce point de vue est défini à la hauteur de l'IB pour le 4" les écrans, mais peut être réduit de 3,5" écrans.) Cependant, ce n'est pas faire l'affaire, comme vous pouvez le voir sur la capture d'écran, tandis que l'application est en cours d'exécution:
Mise en page automatique: à la Verticale de centrage deux UIViews dans un superview, permet de redimensionner

C'est presque comme si vous voulez être en mesure de dire à mise en page automatique que les deux contraintes elles-mêmes devraient avoir les mêmes valeurs, même si elles sont "inférieur ou égal". Est-il possible de faire ce que je suis en train de faire, ou peut-être une meilleure façon?

  • Êtes-vous à l'aide des story-boards ou de l'Interface Builder?
  • Storyboards au sein de l'IB.
InformationsquelleAutor Jamie Forrest | 2013-07-11
  1. 14

    C'est tellement trivial à faire de l'IB.

    1) ⌃ glisser bouton1 haut. sélectionnez "centre horizontalement dans un conteneur".

    2) ⌃ glisser bouton1 gauche. sélectionnez "centrer verticalement dans un récipient".

    3) faire de même avec bouton2.

    4) maintenant, la seule chose qui reste à faire est de taille, les boutons, car c'est à quoi il ressemble.

    Mise en page automatique: à la Verticale de centrage deux UIViews dans un superview, permet de redimensionner

    C'est aussi très trivial.

    5) ⌃ glisser bouton1 la gauche. sélectionnez "espace du conteneur de la marge".

    6) ⌃ glisser bouton1 la droite. sélectionnez "espace de remplissage de récipient de la marge".

    7) faire la même chose avec les bouton2.

    Le produit fini ressemble à ceci (NB je n'ai pas très bien les centrer, mais j'ai pu avoir assez facilement):

    Mise en page automatique: à la Verticale de centrage deux UIViews dans un superview, permet de redimensionner

    Mise en page automatique: à la Verticale de centrage deux UIViews dans un superview, permet de redimensionner

    • Ce accepté de réponse n'est pas exacte. La première section, dans lequel l'auteur dit simplement ajouter centerX et centerY contraintes, n'entraînera PAS dans les visuels montrent les captures d'écran qui suivent. Si vous définissez deux UIViews à la même centerX et ils Y seront z-index empilés. Précis des captures d'écran serait de leur montrer qu'un seul bouton. Méfiez-vous.
    • faites glisser les boutons à l'endroit où vous voulez, puis de suivre les étapes. Vous devez mettre à jour les contraintes ainsi. Cela vous enseigne comment utiliser le centrage des contraintes qui permettra d'ajuster correctement à des changements dans l'orientation. Je suppose un peu de connaissance de base de mise en forme automatique dans ma réponse.
    InformationsquelleAutor smileBot
  2. 7

    La façon la plus simple à la verticale du centre est d'ajouter un NSLayoutAttributeCenterY de la contrainte, de préférence, de l'élément qui est à proximité du centre de la vue. Et si tous les points de vue ont un espacement vertical de contraintes, puis ils vont tous être centrée. Pas besoin de coucher avec le point de vue de la hiérarchie ou ajouter entretoise vues.

    [self.view addConstraint:
    [NSLayoutConstraint constraintWithItem:button2 
                                 attribute:NSLayoutAttributeCenterY
                                 relatedBy:NSLayoutRelationEqual 
                                    toItem:self.view 
                                 attribute:NSLayoutAttributeCenterY 
                                multiplier:1.0 
                                  constant:0]];

    Si vous avez besoin d'ajuster le positionnement, l'ensemble de la constante. Par exemple: constant:-30 va le déplacer jusqu'à 30 points.

    Vous pouvez aussi ancrer des éléments basés sur des logiques différentes zones de la vue. Par exemple, si vous souhaitez ancrer votre premier bouton à 25% de la hauteur de vue, vous pouvez régler le multiplicateur de 0.5.

    InformationsquelleAutor Jason Moore
  3. 4

    D'accord avec rdelmar. Voici une autre option si vous souhaitez conserver la vue de la hiérarchie.

    Vous êtes actuellement à l'espacement des boutons situés en haut et en bas à l'aide de contraintes. Au lieu de cela, créez deux vide UIViews, ils seront utilisés comme des entretoises. Ils doivent être positionnés l'un en haut et un en bas de vos boutons. À l'aide de contraintes de mise en page automatique, assurez-vous que la hauteur de ces deux entretoise de vues est toujours égale. Assurez-vous qu'ils sont épinglés en haut et en bas des boutons et le haut et le bas de la superview, respectivement.

    Dans VFL: V:|-[spacer1(==spacer2)]-[button1]-(20)-[button2]-[spacer2(==spacer1)]-|.

    Vous pouvez avoir à faire dans le code, je ne suis pas sûr si l'IB peuvent le faire.

    • Les travaux de cette. Mais ce n'est pas joli.
    • layouting avec ios en deux courtes phrases"
    InformationsquelleAutor Maarten
  4. 2

    Une façon d'y parvenir est de joindre les deux boutons dans un autre UIView, et le centre de ce point de vue dans le contrôleur de vue. Donner des boutons à une distance fixe en haut et en bas de ce point de vue, et d'une distance fixe entre eux, ou avec une hauteur fixe pour la vue.

    • J'ai essayé de faire, mais ne pouvais pas le faire fonctionner. En tout cas, il semble que vous devriez être en mesure de faire ce que je suis en train de faire sans enrouler le tout dans un autre UIView.
    • Je ne pense pas que c'est facile à faire sans l'enveloppant dans un autre point de vue. Je l'ai fait simplement en les faisant glisser deux boutons sur un contrôleur de vue, en les sélectionnant à la fois, à intégrer dans UIView (dans le menu), puis de centrage de ce point de vue. Comment avez-vous essayez de le faire, et quel résultat avez-vous obtenu?
    • N'est-ce pas le point de l'ensemble de la mise en page automatique est donc que nous n'avons pas besoin d'encapsuler des vues dans un conteneur en vue?
    InformationsquelleAutor rdelmar