Wie ein Blick auf dem Platz der Größe mit seinem Superview mit Auto Layout

Question

In meinem speziellen Fall macht ich Blick in den View-Controller habe, für die ich die folgenden Bedingungen hinzugefügt:

• Sets vorangestellten, obere und untere Kanten auf 0
• Set Multiplikator Unterkante bis 2: 1

Nun sitzt die Ansicht in der oberen Hälfte auf den view-Controller.

Innerhalb dieses füge ich ein quadratisches Bild Ansicht, für die ich die folgenden Bedingungen hinzugefügt:

• Ctrl ziehen Sie von Bild Ansicht gleich Höhen und Breiten zu Superview und hinzugefügt.
• Ändern Sie den Multiplikator für Breite und Höhe, bis ich ein perfektes Quadrat habe. Ich habe nicht ein perfektes Quadrat
• Hinzugefügt Einschränkungen Mitte vertikal und horizontal

Meine Einschränkungen scheinen perfekt zu sein, aber wenn im Simulator ausgeführt wird. Außerdem wird die Größe der Bildansicht nicht geändert, wenn sie auf verschiedenen Simulatorbildschirmen ausgeführt wird.

Dies ist mein Setup:

• Auto Layout und Größenklassen sind
• ich eine Inferred Größe für das Storyboard
• Adaptive Layout Jede
• ich für Breite und Höhe eingestellt ist, aktiviert Ich versuche das für die 4s, 5,6 und 6+ Simulatoren zu machen.

Ich schaute auf anderen stackoverflow Pfosten, aber nichts scheint zu arbeiten.

Gibt es einige grundlegende Schritte, um dies zu tun?

edit:

Nach Einstellung> = 10 Constraints:

bearbeiten 3: I hinzugefügt oben, unten, führt, Constraints 2mal nachlauf, 1 mit niedrigeren als oder gleich (Priorität 1000), der andere mit größer als oder gleich (Priorität 800) mit dem konstanten Wert von 90. Ich weiß nicht, warum für den Boden versucht, zu 90 pt aus der Hauptansicht, nicht den Container zu strecken Ansicht (gre en eins).

Answer 1

Sie haben eine Ansicht, die erweitert werden muss, um ihren Container zu füllen, während das Seitenverhältnis beibehalten wird. Dies ist ein häufiges Muster bei Auto Layout.

Der Trick ist, zwei Beschränkungen für Vorder-/Hinter/oben/unten zu verwenden:

• =10 mit niedriger Priorität

• >=10 an erforderlicher Priorität.

setzen sie alle zusammen, Sie haben:

• Seitenverhältnis 1: 1

• Mitte X/Y in Superview

• Phasenan-/Phasen-/Oben/Unten auf Superview = 10 (bei 750 Priorität)

• Vorlauf-/Trailin g/Oben/Unten auf Super> = 10 (bei 1000 Priorität)

Es gibt auch ein paar Dinge, mit UIImageView zu berücksichtigen:

• UIImageView wird eine intrinsische Inhaltsgröße basiert haben auf das Bild, das angezeigt wird. Sie sollten also sicherstellen, dass die Inhaltsumgehungspriorität niedriger ist als die 750-Priorität, die Sie für die =10-Einschränkungen verwenden.

• UIImageView.contentMode legt fest, wie das zugrunde liegende Bild in Relation zur Größe des UIImageView bemessen wird. Standardmäßig ist es auf UIViewContentModeScaleToFill festgelegt.

Answer 2

container view 
---------------------------------------------- 
|      |      | 
|     >=10     | 
|  imageView |      | 
|  ----------------------------  | 
|  |   |    |  |  
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|- >=10 -|---------- 1:1 -----------|- >=10 -| 
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|  ----------------------------  | 
|      |      | 
|     >=10     | 
|      |      | 
---------------------------------------------- 

** Wenn Sie möchten, dass Sie die Höhe des Imageview angeben können, oder auch mit einer niedrigeren Priorität Einschränkung Breite.

Answer 3

Ich hatte Erfolg mit dieser Konfiguration.

1. Was habe ich zum ersten Mal für Mitte X. Einschränkungen hinzufügen (Ignorieren Sie die Mitte Y ein, obwohl es in meinem Screenshot ist. Es bricht unabhängig wegen Schritt 2.)

2. Dann habe ich eine oben und unten constraint

3. Schließlich fügte ich ein Seitenverhältnis constraint

als ich diese animierten, die Box als Quadrat richtig skaliert. Wenn Sie möchten, kann ich das Testprojekt hochladen. 1 auf der Ansicht, die Sie Platz bleiben wollen und dann nur enthalten entweder es ist Höhe oder die Breite Elternteil es ist, aber nicht beides: