Mise en page automatique iOS: deux boutons de largeur égale, côte à côte

J'ai actuellement des difficultés avec AutoLayout. J'utilise le générateur d'interface et j'essaie de positionner deux boutons de largeur égale côte à côte, comme illustré dans l'image suivante.

À partir de l'image d'aperçu suivante, mon titleImage a été correctement contraint et s'affiche correctement, mais les boutons ne le sont pas. J'ai expérimenté en alignant le bouton 1 avec le bord avant de titleImage et le bouton2 avec le bord arrière de titleImage, mais la distribution de largeur entre les deux boutons devient biaisée à ce stade, comme illustré ci-dessous.

Mon objectif est de comprendre quelles contraintes manquent et doivent être appliquées aux deux boutons pour conserver des largeurs égales quel que soit l'appareil. Si possible, j'aimerais y parvenir via le générateur d'interface plutôt que du code supplémentaire.

Ajoutez les contraintes suivantes

1. Attribuez une largeur égale de bouton1 à bouton2.
2. Attribuez un espacement horizontal entre les deux boutons.
3. Attribuez un espace de début de bouton1 à sa vue de supervision.
4. Attribuez un espace de fin de bouton2 à sa vue de supervision.
5. Attribuez un espace supérieur aux deux boutons.

   ---

   Dites-moi si cela marche pour vous.

Suivez les étapes et les captures d'écran pour une solution simple

Étape 1)

• Pour le bouton 1: définir les contraintes: (1) interligne, (2) haut ou bas selon vos besoins, (3) hauteur

Étape 2)

• Pour le bouton 2: définir les contraintes: (1) arrière, (2) haut ou bas selon vos besoins, (3) hauteur

Étape 3)

• Appuyez sur Ctrl + Faites glisser du bouton 1 au bouton 2

• Sélectionnez l' espacement horizontal

Étape 4)

• Sélectionnez les deux boutons (à l'aide de la commande) et ajoutez des contraintes de largeur égale

PRODUCTION

J'espère que cela vous aidera :)

La mise en page de la pile dans iOS9 fera le travail vraiment bien. Ajoutez une vue de pile à votre vue et configurez-la comme suit:

Vous pouvez consulter mon exemple - vous pouvez facilement viser ceci, en utilisant la contrainte proportionnelle. Vous pouvez également viser facilement plusieurs UIViews proportionnelles. Veuillez regarder l'exemple ci-joint

https://dl.dropboxusercontent.com/u/48223929/TestViewController.xib

Ma solution est de

1. Placez une petite vue au milieu de deux boutons et placez-la au centre (centre horizontal dans le conteneur et centre vertical dans le conteneur comme 0).
2. Ajoutez de la hauteur et de la largeur à la petite vue.
3. Ajoutez des boutons aux contraintes et donnez des contraintes d'espace horizontal à la petite vue.
4. Donnez à la petite vue la même couleur d'arrière-plan que les boutons ou la couleur de la vue.

Remarque: voir la capture d'écran.