2017-06-08 6 views
0

Ich versuche, Ansichten zu überlappen, wie im Bild unten gezeigt, aber ich konnte nicht herausfinden, wie ich es mit Auto-Layout tun würde.Ist es möglich, überlappende Ansichten mit Auto-Layout zu haben?

enter image description here

Ich habe versucht, programmatisch die Unteransicht zu tun, und es funktionierte mit Ausnahme der Taste fein, die ich mit Interface Builder angelegt hatte.

enter image description here

Wenn es möglich ist Ansichten zu haben, überlappen, was die Einschränkungen erforderlich sind, und ist es eine Möglichkeit, auf die Schaltfläche Show auf dem Blick in den Boden zu lassen, ohne programmatisch zu tun?

Antwort

0

Mit InterfaceBuilder können Sie überlappende Ansichten erstellen. Erstellen Sie zuerst die Draufsicht, d. H. Die mit Bild, geben Sie ihre Einschränkungen wie oben, hinten, vorne und unten Raum. Erstellen Sie dann die überlappende Ansicht. Die Einschränkungen für die überlappende Ansicht können der nachgestellte Abstand, der führende Abstand, der untere Abstand und die Höhe sein. Fügen Sie dann diese Schaltflächen in dieser Ansicht hinzu.

+0

Was ist mit der Bildansicht uplifted? Ich gebe ihm die gleiche Breite und Höhe und zentriere vertikal und horizontal in der Draufsicht, aber die Ansicht von unten verbirgt es. –

+0

Wenn Sie imageView die gleiche Breite und Höhe geben, wird die Überlappung der unteren Ansicht auf jeden Fall ausgeblendet. –

+0

Anstelle der gleichen Höhe können Sie imageview das obere Leerzeichen als 0 und das untere Leerzeichen als das gewünschte Padding zwischen der oberen und unteren Ansicht angeben, dann wird die imageView nicht durch die obere Ansicht verdeckt –

0

Im Interface Builder, verwenden Sie eine Abhängigkeit, haken Sie den oberen Teil der unteren Ansicht an den unteren Rand der oberen Ansicht und bearbeiten Sie dann die Konstante im Größeninspektor, um sie wie gewünscht zu verschieben.

Es sollte wie folgt aussehen: Example

0

Sie so etwas tun kann.

machen die zweite Ansicht Auftrieb mit minus Wert:

enter image description here

Hier ist der Ausgang. SecondView (grün) wurde auf -50

enter image description here

Verwandte Themen