Définition des contraintes d'une cellule de collection d'interface utilisateur

Question

Dans mon interface utilisateur, il y a une collection View où chaque cellule contient un UILabel et un UIImageView. Ils sont alignés comme suit.

Où je suis bloqué, c'est en établissant des contraintes pour eux car chaque UILabel a une longueur aléatoire. Je veux toujours faire en sorte que la distance entre le côté gauche de l'image et le côté gauche de la cellule soit égale à la distance entre le côté droit de l'étiquette et le côté droit de la cellule (dans une certaine cellule).

Je sais que je peux définir le centerY de chaque élément égal à centerY de chaque élément. Mais comment puis-je définir l'autre ancre.

Je n'utilise pas de Storyboards.

Answer 1

Je ajouterais une vue empilée horizontalement, définir des contraintes à chaque bord avec la marge souhaitée, et ajouter l'image et l'étiquette à la vue empilée.

Ensuite, définissez la priorité d'enroulement de la vue de l'image plus élevée que l'étiquette. Cela fera en sorte que l'étiquette occupe l'espace restant tout en étant alignée à gauche.

Answer 2

Si je comprends bien votre problème, vous souhaitez définir un espacement égal pour le côté gauche de UIImageView et le côté droit de UILabel. Pour cela, je vous recommanderais de mettre ces vues (UIImageView et UILabel) dans un UIStackView avec les propriétés : axe en "horizontal" et alignement en "centré"; et en ajoutant une contrainte pour un espace de départ et de fin avec une contrainte pour CenterX et CenterY.

Pour faciliter la compréhension, jetez un œil à l'image de Contraintes UIStackView