iOS Autolayout - Position korrekt unter der transluzenten Navigationsleiste

Question

In meinem Storyboard habe ich eine UIImageView, die ich in einem festen Abstand unterhalb einer transluzenten Navigationsleiste platzieren möchte. Ich habe die simulierte obere Leiste für den View-Controller auf die transluzente Leiste eingestellt, und die Einschränkung, die ich jetzt habe, lautet "Oberer Platz für Superview entspricht 52", 8 Punkte unterhalb der Leiste.

Wenn die Ansicht jedoch in Querformat gedreht wird, verkleinert sich die Navigationsleiste auf 34 Punkte und die Bildansicht ist immer noch bei 52 Punkten wie im Hochformat.

Welche Einschränkung kann ich in IB verwenden, um die Bildansicht an 8 Punkten unterhalb der Navigationsleiste zu platzieren, egal wie groß die Leiste ist?

Danke!

Answer 1

Wählen Sie in storyBoard sowohl das imageView als auch die topBar aus. Am unteren rechten Ecke des Bildschirms finden Sie eine Schaltfläche, die wie ein H aussieht:

es auswählen, und wählen Sie „Vertical Spacing“. Setzen Sie den Contraint auf 8 Pixel, und es sollte funktionieren.

Answer 2

Wählen Sie UIImageView und ziehen Sie die Steuerelemente in den oberen Layout-Leitfaden, um eine Einschränkung zu erstellen. Wenn Sie mit der Top-Layout-Anleitung nicht vertraut sind, können Sie sie in der Strukturansicht auf der linken Seite auswählen.

Answer 3

Wie Nestor darauf hingewiesen hat, legen Sie den oberen Abstand mit der Oberkante der Ansicht fest und nicht den nächsten Nachbarn, der die Navigationsleiste darstellt. Sie sollten die obere Abstandseinschränkung mit der Top-Layout-Anleitung festlegen, um sie unabhängig von der Größenklasse und den Ausrichtungen festzulegen.

Um dies zu tun, halten Sie in der Dokument-Gliederungsansicht ctrl gedrückt und ziehen Sie eine Linie von UIImageView auf Top Layout Guide und wählen Sie Vertical Spacing aus der Liste.