2017-01-02 5 views
0

Hallo, ich versuche derzeit, die folgende Szene für jede Szene richtig skalieren zu lassen. iPhone 7 ViewXcode 8.1 Auto Layout

Dies ist derzeit, wie es sich für ein Plus iPhone 7 aussieht: Background Constraints

jedoch:

iPhone 7 Plus

ich den blauen Hintergrund richtig, indem die folgenden Einschränkungen zu skalieren verwaltet bekommen Ich weiß nicht, wie UIImageView, UITextField und UI Label auf die gleiche Weise skaliert werden. Ich möchte, dass sie die Proportionen beibehalten, die sie jetzt auf dem iPhone 7 haben. Ich habe nach Youtube-Tutorials gesucht, aber keine scheint zu zeigen, wie man diese Elemente so skalieren kann, wie ich es möchte.

Jede Hilfe wird sehr geschätzt, Danke.

+1

Haben Sie versucht, ähnliche Einschränkungen für Ihre anderen Ansichten festzulegen? – nathan

+0

Ja, ich habe das nur getan, aber ich denke, dass ich es gelöst haben könnte, indem ich die x/y-Positionen für das Etikett und das folgende Textfeld gesetzt habe. –

+1

Ich hatte das nicht gemacht und jetzt scheint es korrekt zu skalieren, also werde ich es auf einem Gerät testen und prüfen, ob es funktioniert .... –

Antwort

1

Sie können Einschränkungen zwischen UIImageViews, Labels, dem Fenster usw. hinzufügen, indem Sie control gedrückt halten und zwischen zwei Elementen klicken und ziehen. Zum Beispiel

UIImageView: Fügen Sie diese Einschränkungen:

  • Vertikaler Abstand zum Leitfaden für das Layout (Dies schränkt die Spitze des Bildes auf den oberen Rand des Fensters)
  • Führenden Raum Container Margin (Linke Seite des Bildes bleibt auf der linken Seite des Fensters "verbunden"
  • Nachlaufabstand zum Containerrand (Die rechte Seite des Bildes bleibt mit der rechten Seite des Fensters verbunden)
  • Vertikaler Abstand (ver tischen Abstand zwischen dem Bild und dem Etikett)

Sie diese gleiche Idee verwenden können, das Label und Textfeld auf der linken Seite des Fensters zu begrenzen und den vertikalen Abstand zwischen dem UIImageView, Etikett, und Textfeld zu halten konsistent auf allen Geräten.

+0

Hallo ich habe getan wie du gesagt hast und es scheint gut auf dem Storyboard (auf ein iPad Pro), aber wenn ich es auf einem iPad 2 benutze, gibt es einen schwarzen Bereich rund um die App. –

+0

Sind die Einschränkungen auf Ihrem blauen Hintergrund korrekt? Umfasst der schwarze Raum dieses Hintergrundelement? – Schomes

+0

Haben Sie die App in den Projekteinstellungen auf "Universal" (sowohl iPhone als auch iPad) eingestellt? – nathan