IB, Keep ImageView Center, aber wachsen als Bildschirmgröße, das Seitenverhältnis beibehalten

Question

Da ich das gleiche leicht in Android und WPF tun könnte, dachte ich, XCode Interface Builder wäre auch einfach. Aber ich habe mich getäuscht. Ich habe Stunden auf dem Storyboard verbracht, um die Einschränkungen mehrfach zu ändern. Ich weiß, dass diese Frage dumm scheint, aber bitte geben Sie mir einen Hinweis.

Ich möchte so etwas auf dem Storyboard. Welche Einschränkungen sollte ich setzen?

1. Das Seitenverhältnis des ImageView sollte beibehalten werden.
2. Der ImageView ist horizontal zentriert.
3. Der ImageView wächst als die Bildschirmbreite, z. B. 90% der Bildschirmbreite auf einem vertikalen Telefon. Optional, ich wünschte, ich könnte ein Maximum, zum Beispiel nicht größer als sagen, 400. Ich meine, 90% auf einem iPad ist zu groß.
4. Der obere Rand des ImageView sollte der Bildschirmgröße angemessen sein. Ich meine, ein hartcodierter Rand 20 würde es auf einem iPad zu nah an die Spitze bringen, und ein hartcodierter Rand 200 würde auf einem iPad gut aussehen, aber nicht auf einem iPhone SE.

Answer 1

1. Constrain die Breite und Höhe des Seitenverhältnisses zu halten (eine constrain:

   imageView.widthAnchor.constraint (EqualTo: imageView.heightAnchor, Dimension: 0,6) .isActive = true

2. Constrain die centerX zu viewController ‚s Ansicht centerX:

   imageView.centerXAnchor.constraint (EqualTo: self.view.centerXAnchor, konstant: 0) = true .isActive

3. Gegebenheiten die imageView Breite (oder Höhe) zu Breite der etwas Verhältnis viewController ‚s unter Verwendung Ansicht (90 hier%):

   imageView.widthAnchor.constraint (EqualTo: self.view.widthAnchor, Multiplikator: 0,9) .isActive = true

4. Dies ist das einzige Problem ist, was eine vernünftige versetzt ist? Zu vage Anforderung. Aber wenn Ihr Problem nur darin besteht, abhängig von der angegebenen Benutzeroberfläche einen korrekten Offset zu setzen, würde ich Größenklassen verwenden, um abhängig von der gegebenen Größenklasse verschiedene Einschränkungen bereitzustellen - siehe documentation.

Answer 2

Wenn Sie dies in Ihrem Storyboard erreichen wollen, gehen Sie wie folgt vor:

1. Setzen Sie Ihren Imageview in der gewünschten Größe und Position
2. Aspect Ratio Einschränkung auf Ihre Imageview
3. Add hinzufügen centre horizontal constraint zu Ihrem imageView
4. Fügen Sie Ihrer imageView-Ansicht eine Breiteneinschränkung hinzu, die der Superview-Breite entspricht. Ändern Sie dann den Multiplikator zu (desired width)/(width of the superview). Ändern Sie die Priorität in 999
5. Fügen Sie Ihrer imageView -Widerstandsbeschränkung hinzu, und legen Sie die Beziehung auf Less Than oder Equal fest.Geben Sie hier Ihren Maximalwert ein (400)
6. Fügen Sie für den oberen Offset einen UIView mit klarem Hintergrund in Ihrem superView hinzu. Legen Sie oben, links und rechts gleich oben links und rechts von Ihrem Superview fest und fügen Sie Ihrem imageView einen vertikalen Abstand von 0 hinzu. Fügen Sie dann eine Höhenbeschränkung hinzu, die der Superview-Höhe entspricht, und ändern Sie den Multiplikator in (desired space)/(height of the superview). (Es ist die rosae Ansicht im Anhang)