Wie erreicht man dieses Layout mit Auto-Layout?

Question

Ich versuche, anliegendes Layout zu erstellen, ich habe eine Superview und vier Unteransichten hinzugefügt, jede Ansicht ist auf eine der Seiten ausgerichtet, um das + Zeichen in der Mitte zu erreichen. Einschränkungen, die ich hinzugefügt habe, sind: Seitenverhältnis zu jeder Subview und führenden Trailing Margen, zusammen mit diesem auch eine Breite Einschränkungen in der linken unteren Ansicht hinzugefügt. Aber offensichtlich funktioniert das nicht auf kleinerem Bildschirm und alles wird durcheinander gebracht, nicht sicher, welche genauen Einschränkungen ich hinzufügen sollte, damit ich das gewünschte Ergebnis auf variablen Bildschirmgrößen bekomme.

Answer 1

1. erstellen Superview in Ordnung sein mit erforderlichem Seitenverhältnis.
2. Fügen Sie vier Unteransichten hinzu und machen Sie alle gleich breit und gleich hoch.
3. Pin jeder Superview wie "oben, links" "oben, rechts" "unten, links" "" unten, rechts ""
4. Geben Sie eine Unteransicht mit Verhältnis Superview Breite wie wenn Sie 10 px Polsterung horizontal wollen dann geben 320: 155
5. Und Höhe einer Ansicht nach ihrer Breite.

Suchen Sie den Beispielcode, der dafür gemacht wird. https://github.com/iTamilan/AutoLayoutPlus

Answer 2

Sie sollten proportional Höhe und Breite für die Ansichten verwenden, zum Beispiel:

Für die Oben links Oben links Ansicht der oben nach oben auf der Super ausrichten sehen und tut dies in ähnlicher Weise für die Führung. Und machen Sie nun die Breite proportional zur halben Breite der Superansicht abzüglich der Hälfte der Trennung zwischen den beiden Ansichten.

Kurz: Top left view's leading = superview's leading

Ähnlich dies der Ansichten für den Rest tun, und Sie werden gut zu gehen, und Ihre Ansichten werden auf jedem Gerät