Wie kann ich ein Storyboard für 4 "und 3,5" iphone Bildschirme mit automatischem Layout (ios6 + ios7) verwenden?

Question

Während es viele Fragen und Antworten zum Erstellen eines Storyboardlayouts gibt, das sowohl auf 4 "als auch 3,5" Bildschirmgrößen funktioniert, konnte ich keine geeignete Lösung für das folgende Szenario finden.

Ich benutze automatisches Layout mit ios6 (und ios7), und ich muss nicht Landscpae oder ipad unterstützen. Ich habe eine UIView mit mehreren Subviews, die wie das Mockup unten aussehen müssen. Es ist einfach, Beschränkungen für die automatische Belichtung im Storyboard so einzurichten, dass sie zu beiden Bildschirmgrößen passen. Meine Frage ist - Wie mache ich Auto-Layout wählen Sie die richtigen Einschränkungen abhängig von der Bildschirmgröße zur Laufzeit?

Beachten Sie, dass ich möchte nicht 2 verschiedene Storyboards verwenden. Es wäre eine Menge Arbeit, dies über meine gesamte Anwendung hinweg zu tun, und ich müsste alle Delegierten, Verkaufsstellen und Aktionen auf jedem Storyboard anschließen. Eine Änderung in einem Bildschirm würde erfordern, dass ich die doppelte Arbeit mache.

Ich habe 2 Methoden ausprobiert, um dies auf einem Storyboard zu machen, aber ich bin mit keinem von beiden zufrieden.

• Verdoppeln Sie die Einschränkungen. Die größere Einschränkung (50) hat eine höhere Priorität als die untere Einschränkung (30). Das Problem bei diesem Ansatz ist, dass auf der 3,5" Bildschirmgröße, automatisches Layout eine nur wenige niedrigere Priorität Einschränkungen aufheben kann - genug, um das Layout zu befriedigen -. Aber einige hohe Priorität Einschränkungen verlassen

• Unterklasse NSLayoutConstraint Bei dieser Methode werden alle Einschränkungen im Storyboard auf NSDualLayoutConstraint gesetzt.In dem Initialisierungscode von NSDualLayoutConstraint wird die Konstante der Einschränkung auf den Wert 3_5_constant geändert, wenn die Runtime-Bildschirmgröße 3,5 Zoll beträgt. Diese Methode ist deterministisch, aber Sie können das 3.5" Layout in der Interface Builder Vorschau nicht sehen.

---

Wenn nur Interface Builder Einschränkungen hatten einen sekundären konstanten Wert, die angewandt werden würden wenn die Bildschirmgröße 3,5 "ist, würde es mein Problem lösen. Also bleibe ich bei meiner Frage - wie kann ich ein einzelnes Storyboard richtig verwenden, um seine Subviews korrekt für 4" UND 3,5 "Bildschirmgrößen zu gestalten?

Answer 1

Sie müssen Ihre Einschränkungen programmatisch bearbeiten. You may find this question helpful for that.

Sie könnten auch zwei separate Storyboard-Dateien oder zwei viewController-Szenen in einer Storyboard-Datei haben.

Answer 2

Wenn Sie nur ein Storyboard verwenden möchten und Sie nicht das automatische Layout verwenden möchten, was Ihr Leben für das, was Sie in Ihrem Diagramm gezeigt haben, einfacher macht, müssen Sie Ihre Ansichten im Code strukturieren.

Sie müssen nur feststellen, ob der Benutzer auf einem 4 "Gerät läuft und Ihre Ansichten entsprechend gestalten.

#define IS_568_SCREEN (fabs((double)[[UIScreen mainScreen]bounds].size.height - (double)568) < DBL_EPSILON) 

if (IS_568_SCREEN) { 
    // Lots of code to layout for 4" devices 
} else { 
    // Lots of code to layout for 3.5" devices 
} 

Wenn Sie jedoch für diesen Einsatz automatischen Layout, würden finden Sie es Ihnen eine Menge Zeit und Code zu speichern. Anstatt jede Ansicht im Code mit der oben erwähnten Lösung manuell zu gestalten, müssen Sie lediglich die Y- und Höhenbeschränkungen je nach Gerät aktualisieren.

Betrachtet man dieses Diagramm, das zeigt, was für Sie automatisches Layout behandeln würde und was Sie manuell aktualisieren müssten, sollte dies ein besseres Bild davon vermitteln, wie viel Sie mit dem automatischen Layout sparen.

#define IS_568_SCREEN (fabs((double)[[UIScreen mainScreen]bounds].size.height - (double)568) < DBL_EPSILON) 

if (IS_568_SCREEN) { 
    self.layoutConstraintY.constant = 50.0f; 
    self.layoutConstraintHeight.constant = 248.0f; 
} else { 
    self.layoutConstraintY.constant = 30.0f; 
    self.layoutConstraintHeight.constant = 220.0f; 
} 
[self layoutIfNeeded]; 

Answer 3

Diese stackoverflow answer hat das gleiche Problem für mich gelöst.

Schlüssel ist machen ein IBOutlet zu der Einschränkung (z. B. Höhe). Dann tun Sie etwas wie das

- (void)updateViewConstraints { 
    [super updateViewConstraints]; 

    self.myConstraintFromIB.constant = 
     [UIScreen mainScreen].bounds.size.height > 480.0f ? 200 : 100; 
} 

Answer 4

Wie wäre es mit einer zusätzlichen Ansicht und einschließlich der quadratischen Ansicht drin? Die zusätzliche Ansicht sollte transparent sein, damit niemand sie sieht. Legen Sie die Einschränkungen der Extraansicht so fest, dass sie mit der Bildschirmgröße erweitert werden, und legen Sie fest, dass die Beschränkungen der Quadratansicht in der Extra-Box zentriert sind. Wählen Sie einen Multiplikator für die quadratische Ansicht Größe im Vergleich zu der zusätzlichen Box