iOS Autolayout: zwei gleich breite Schaltflächen nebeneinander

Ich habe derzeit Probleme mit AutoLayout. Ich verwende den Interface Builder und versuche, zwei gleich breite Schaltflächen nebeneinander zu positionieren, wie in der folgenden Abbildung dargestellt.

In der folgenden Vorschau wurde mein titleImage ordnungsgemäß eingeschränkt und wird korrekt angezeigt, die Schaltflächen jedoch nicht. Ich habe experimentiert, indem ich Schaltfläche 1 an der Vorderkante von titleImage und Schaltfläche 2 an der Hinterkante von titleImage ausgerichtet habe. Die Breitenverteilung zwischen den beiden Schaltflächen wird jedoch an dieser Stelle verzerrt, wie unten gezeigt.

Mein Ziel ist es zu verstehen, welche Einschränkungen fehlen und auf die beiden Schaltflächen angewendet werden sollten, um unabhängig vom Gerät die gleiche Breite beizubehalten. Wenn möglich, möchte ich dies durch Interface Builder im Gegensatz zu zusätzlichem Code erreichen.

Fügen Sie die folgenden Einschränkungen hinzu

1. Weisen Sie von button1 bis button2 die gleiche Breite zu.
2. Weisen Sie einen horizontalen Abstand zwischen beiden Schaltflächen zu.
3. Weisen Sie der Übersicht einen führenden Bereich von button1 zu.
4. Weisen Sie der Übersicht 2 den nachgestellten Platz von button2 zu.
5. Weisen Sie beiden Schaltflächen den oberen Bereich zu.

   ---

   Lassen Sie mich wissen, ob es für Sie funktioniert.

Befolgen Sie die Schritte und Screenshots, um eine einfache Lösung zu finden

Schritt 1)

• Für Schaltfläche 1: Festlegen von Einschränkungen: (1) Führen, (2) Oben oder Unten je nach Bedarf, (3) Höhe

Schritt 2)

• Für Schaltfläche 2: Einschränkungen festlegen: (1) Nachlauf, (2) Oben oder Unten je nach Bedarf, (3) Höhe

Schritt 3)

• Drücken Sie Strg + Ziehen von Taste 1 auf Taste 2

• Wählen Sie Horizontaler Abstand

Schritt 4)

• Wählen Sie die Schaltfläche Beide (mit Befehl) und fügen Sie Einschränkungen mit gleicher Breite hinzu

AUSGABE

Hoffe es hilft dir :)

Stack-Layout in iOS9, wird den Job wirklich gut machen. Fügen Sie Ihrer Ansicht die Stapelansicht hinzu und konfigurieren Sie sie wie folgt:

Sie können mein Beispiel überprüfen - Sie können dies leicht zielen, indem Sie eine proportionale Einschränkung verwenden. Sie können auch einfach proportional mehrere UIViews zielen. Bitte schauen Sie sich das beigefügte Beispiel an

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

Meine Lösung ist zu

1. Stellen Sie eine kleine Ansicht in die Mitte von zwei Schaltflächen und machen Sie sie zentriert (horizontale Mitte im Container und vertikale Mitte im Konkurrenten als 0).
2. Fügen Sie der kleinen Ansicht Höhe und Breite hinzu.
3. Fügen Sie Schaltflächen die Einschränkungen hinzu und geben Sie der kleinen Ansicht horizontale Platzbeschränkungen.
4. Geben Sie der Hintergrundfarbe der kleinen Ansicht die gleiche wie den Schaltflächen oder der Farbe der Ansicht.

Hinweis: Siehe Screenshot.