redimensionner superview après les sous-vues changent de manière dynamique à l'aide de mise en page automatique

Je ne peux pas pour l'amour de dieu le coup de redimensionnement superview.

J'ai un UIView *superview avec 4 UILabels. 2 fonction d'en-tête pour les 2 autres.

Le contenu de toutes les 4 sont dynamiques en provenance de la base de données.

SizeToFit vs SizeThatFits:(CGSize) vs UIView systemLayoutSizeFittingSize:, en passant soit UILayoutFittingCompressedSize ou UILayoutFittingExpandedSize.

Je utiliser la mise en page automatique par programmation et ont établi la superview hauteur égale ou supérieure à un numéro fictif.

où et comment puis-je utiliser ces SizeToFit vs sizeThatFits:(CGSize) vs UIView systemLayoutSizeFittingSize:, en passant soit UILayoutFittingCompressedSize ou UILayoutFittingExpandedSize. J'ai lu beaucoup de conseils ici sur la pile, mais a terminé avec rien.

Ai-je besoin de recalculer les contraintes pour le superview quelque part spécifique. Maby réglage de la hauteur de @property " dans sa classe de contrôleur et de supprimer et readd il?
Atm j'ai essayé de tout mettre partout, et puis certains. Toujours je reçois la même taille résultat final avec le mannequin de la hauteur et du texte flottant à l'extérieur. Même après le réglage de clipsToBound sur la sous-vue.

J'en suis à me gratter les cheveux de.. aider

  • Hey, pourriez-vous poster votre code quelque part sur pastebin ou quelque chose si je pouvais prendre un coup d'oeil? Je souffre d'un problème similaire. Il a été une semaine ou plus.
InformationsquelleAutor Pedroinpeace | 2013-10-03
  1. 102

    Si vous utilisez la Mise en page Automatique, voici ce que vous devez faire:

    1. Assurez-vous de ne pas ajouter de largeur fixe et/ou contraintes de hauteur à l'un de vos sous-vues (selon la dimension(s) que vous souhaitez dynamiquement la taille). L'idée est de laisser la valeur intrinsèque de la taille du contenu de chaque sous-vue de déterminer la sous-vue de la hauteur. UILabels viennent avec 4 automatique contraintes implicites qui vont (avec moins de priorité Requis) de tenter de garder l'étiquette de l'image à la taille exacte nécessaire pour s'adapter à tous les le texte à l'intérieur.

    2. Assurez-vous que les bords de chaque étiquette sont reliés de manière rigide (avec un rang de priorité élevé de contraintes) vers les bords les uns des autres et de leurs superview. Vous voulez vous assurer que si vous imaginez que l'un des labels de croissance en taille, ce serait forcer les autres étiquettes pour faire de la place et surtout de la force de la superview à s'élargir.

    3. Seulement ajouter des contraintes à la superview pour définir sa position, pas la taille (au moins, pas de la dimension(s) que vous voulez qu'il taille de manière dynamique). N'oubliez pas que si vous définissez les contraintes internes correctement, sa taille sera déterminée par la taille de tous les sous-vues, depuis ses bords sont reliés à la leur, d'une certaine façon.

    Que c'est. Vous n'avez pas besoin d'appeler sizeToFit ou systemLayoutSizeFittingSize: pour obtenir que cela fonctionne, il suffit de charger vos points de vue et définir le texte et qui devraient l'être. Le système de mise en page, le moteur de faire les calculs pour vous pour résoudre vos contraintes. (Si quelque chose, vous pourriez avoir besoin d'appeler setNeedsLayout sur le superview...mais cela ne devrait pas être nécessaire.)

    • Grâce smileyborg. A la fin de responsab depuis que j'ai été dans le milieu d'un projet et n'a pas tout à fait obtenir ce que vous ment. Maintenant, j'ai eu la chance de travailler un peu plus avec des contraintes en par programme et surtout avec constraintsWithVisualFormatet je comprends parfaitement votre point de vue sur le contenant des sous-vues des étirements et un peu pousser le superview à sa taille 🙂 Merci encore
    • Je suis d'accord avec la solution, mais il ne fonctionne pas pour moi, case stackoverflow.com/questions/34635838/...
    • Cette réponse, c'est de la magie. Beaucoup moins d'effort de ma part de prise de vues semblent bonnes.
    • mais pourquoi.......?
    • Il doit être mentionné que vous devez définir translatesAutoresizingMaskIntoConstraints = NO si vous utilisez xib.
    • translatesAutoresizingMaskIntoConstraints = N est la réponse pour mon cas. Mais maintenant, le conteneur perdu de vue image et son origine est toujours en (0,0), je ne peux pas le mettre à l'endroit que je souhaite. stackoverflow.com/questions/45548372/...
    • Cela ne semble pas fonctionner quand je conçois un UIViewController stockée dans le storyboard. J'ai dû ajouter de la taille de ma collection vue à l'intérieur de la superview (le contrôleur de vue) parce que sinon, l'affichage de la collection était vide au moment de l'exécution.

    InformationsquelleAutor smileyborg
  2. 24

    Utilisez un récipient vues

    Dans l'exemple suivant, j'ai un 30x30 image, et la UILabel est plus petit que le contenant avec le texte de l'espace réservé. J'avais besoin de l'contenant vue d'être au moins aussi grand que l'image, mais il a besoin de croître pour contenir plusieurs lignes de texte.

    Dans un format visuel, le récipient intérieur ressemble à ceci:

    H:|-(15.0)-[image(30.0)]-(15.0)-[label]-(15.0)-|
V:|[image(30.0)]|
V:|[label(>=30.0)]|

    Réglez ensuite le contenant de vue à la hauteur de l'étiquette. Maintenant le contenant afficher le trajet de la taille de l'étiquette.

    Comme @smileyborg a souligné, dans sa réponse, la connexion, le contenu de la lettre le superview informe le moteur de mise en forme que le simple conteneur de vue devraient conduire à croître.

    Jaune alignement des rectangles

    Si vous voulez le jaune d'alignement des rectangles ajouter -UIViewShowAlignmentRects YES dans votre système de liste d'exécuter des arguments.

    redimensionner superview après les sous-vues changent de manière dynamique à l'aide de mise en page automatique

    • -UIViewShowAlignmentRects YES -- bon conseil!
    • Dans ce cas, le conteneur n'a qu'à adapter la hauteur de l'étiquette. Que faire si le conteneur doit s'adapter à la somme des hauteurs de plus d'un point de vue?
    InformationsquelleAutor Cameron Lowell Palmer
  3. 5

    Ceci a été rendu beaucoup plus facile avec l'introduction de la Pile des points de Vue dans iOS 9. L'utilisation d'une pile de vue à l'intérieur de votre point de vue à contenir la totalité de votre contenu qui se redimensionne, et puis il suffit d'appeler

    view.setNeedsUpdateConstraints()
view.updateConstraintsIfNeeded()
view.setNeedsLayout()
view.layoutIfNeeded()

    après la modification de votre contenu. Ensuite, vous pouvez obtenir votre nouvelle taille en appelant

    view.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize)

    si jamais vous avez besoin de calculer la taille exacte d'un point de vue.

    • Je suis à l'aide de Empilervoir et en ajoutant des points de vue de manière dynamique, ces points de vue ne sont pas arriver resized.@JacobRuth
    InformationsquelleAutor Jacob Ruth
  4. 4

    Ce suit un peu @smileyborg réponse et est livré avec un exemple concret.

    redimensionner superview après les sous-vues changent de manière dynamique à l'aide de mise en page automatique

    Ne vais pas décrire toutes les contraintes, mais celles relatives au calcul de la hauteur des objets de l'INTERFACE utilisateur.

    1. [Label] les Étiquettes ne doivent pas avoir un fixe height contrainte, dans ce cas, la mise en page automatique de ne pas redimensionner les étiquettes en fonction du texte, de sorte que le réglage de bord des contraintes est la clé. (flèches vertes)

    2. [Sous-vue] les Étapes 1 et 3 sont très faciles à suivre, mais cette étape peut être mal compris. Comme dans le cas des étiquettes, des sous-vues ne doivent pas avoir height contrainte. Tous les sous-vues doit avoir top contrainte, en ignorant bottom contrainte, qui peut vous faire penser déclenchera pas satisfait la contrainte d'exception lors de l'exécution, mais il ne sera pas si vous définissez bottom contrainte pour le dernier sous-vue. Manquant de le faire sauter la mise en page. (flèches rouges)

    3. [Superview] Ensemble de toutes les contraintes, la façon dont vous avez besoin, mais payer une grande attention à la
      height contrainte. Attribuer une valeur aléatoire, mais le rendre facultatif, mise en page automatique permettra de régler la hauteur exactement pour s'adapter à la sous-vues. (flèches bleues)

    Cela fonctionne parfaitement, il n'est pas nécessaire d'appeler n'importe quel système de mise à jour des méthodes.

    InformationsquelleAutor tesla