Autolayout - Höhe der Ansicht relativ zur halben Superview Höhe machen

Question

haben in letzter Zeit in Autolayouts bekommen und ich bin auf was wie ein wirklich triviales Problem scheint stecken. Ich habe die Ansicht, dass ich oben auf dem Bildschirm sitzen und die Hälfte der Bildschirmhöhe einnehmen möchte. Einfach vor dem automatischen Layout - heften Sie es einfach an und sagen Sie ihm, dass es sich vertikal ausdehnt, wenn die Superansicht in der Größe verändert wird.

Jetzt kann ich nicht für das Leben von mir sehen, wie es geht. Hier ist, was ich bekomme, wenn ich versuche, dies einzurichten:

Die untere Raum Einschränkung ist auf „gleich 284“, die absolut ist und absolut nutzlos für mich, wenn ich zu iPhone4 Layout zu ändern, wie es behält am unteren Bildschirmrand 284 Punkte Speicherplatz und verkleinert die Ansicht so, dass sie nicht mehr halb so groß ist wie der Bildschirm. Und es gibt keine Möglichkeit, diese Beschränkung auf einen Bruchteil der Höhe einer anderen Ansicht einzustellen.

Nachdem ich eine Weile gekämpft habe, wäre der einzige Weg, wie ich das tun könnte, eine andere Ansicht unterhalb dieser Ansicht einzuführen Höhen gleichermaßen, lassen sie übereinander und unter einander sitzen und stellen dann die zweite (untere) Ansicht unsichtbar dar. Das wirkt ein bisschen hässlich!

bin ich etwas fehlt offensichtlich? ..

Answer 1

Dies ist jetzt in IB ab [mindestens] Xcode 5.1.1 möglich. Obwohl es dauerte mich irgendwann, um herauszufinden, es ist eigentlich super einfach:

Zuerst erstellen Sie eine grundlegende obere Ausrichtung Einschränkung (Sie müssen auch unteren, linken und rechten Einschränkungen, wie normal) . Wählen Sie dann die Einschränkung und navigieren Sie zu dem Attribut Inspektor:

Dann können Sie den Multiplikator einstellen. Wenn du es 50% der Super View willst, lass es bei 1, da es nach dem Super-Center ausgerichtet ist.Dies ist auch eine gute Möglichkeit, Ansichten zu erstellen, die anderen Prozentsatz sind auch (wie 25% der Super-Ansicht)

Answer 2

Nach ein bisschen mehr Zeit, die ich mit der folgenden habe kommen.

ich es als Antwort bin unter Hinweis darauf, aber es ist nicht sehr befriedigend, da es Sie übernimmt nicht tatsächlich das tut im Interface Builder, aber die richtige Einschränkung kann danach wie in Code hinzugefügt:

- (void) viewWillAppear:(BOOL)animated 
{ 

    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:upperview 
                   attribute:NSLayoutAttributeHeight 
                   relatedBy:0 
                    toItem:self.view 
                   attribute:NSLayoutAttributeHeight 
                   multiplier:.5 
                    constant:0]; 
    [self.view addConstraint:constraint]; 

} 

Im Grunde stellt es einen Multiplikator von 0,5 gegen die Höhe von self.view ein, die auf Obersicht wirkt. Ich musste die Priorität der unteren vertikalen Raumbeschränkung in IB auf weniger als 1000 setzen, um eine Reihe von Laufzeitnachrichten über das Brechen von Beschränkungen zu vermeiden.

Wenn also jemand zeigen kann, wie man das in Interface Builder macht, würde das besser meine Frage beantworten, sonst denke ich, das ist so gut wie es geht (vorerst) ???

Answer 3

Dort habe ich auch eine andere Möglichkeit im Code, wenn Sie 2 Ansichten haben, die beide die gleiche Höhe haben sollten: einfach die Höhe von view2 auf die Höhe von view1 setzen (der Trick hier ist nicht explizit die Höhe von view1).

[self.view addConstraints:[NSLayoutConstraint 
     constraintsWithVisualFormat:@"V:[topLayoutGuide]-0-[_view1]-0-[_view2(==_view1)]-0-[bottomLayoutGuide]" 
          options:0 
          metrics:nil 
           views:viewsDict]]; 

Answer 4

Storyboard-Lösung, bei der Sie genaues Verhältnis zwischen beliebigen Ansichten einstellen:

Jetzt:

PROFIT !!!

P. S. Beachten Sie auch, dass diese Methode mit Ansichten auf verschiedenen Verschachtelungsebenen funktioniert und (offensichtlich) anwendbar für die Breite

P.P.S. manchmal kann es hilfreich sein, das erste und zweite Element der Abhängigkeit umzukehren oder den Umkehrmultiplikator zu setzen (zum Beispiel 2 statt 0.5) (aber diese Methoden sind nicht hilfreich, wenn Sie nicht verstehen, wie sich Ansichten zueinander verhalten).

Answer 5

Etwas einfacher und geradliniger als die Methode als die Antwort von Fjodor Volchyok. -Halten Sie den Steuerknopf gedrückt und klicken Sie auf die Unteransicht. -Halten Sie die Befehlsschaltfläche gedrückt, ziehen Sie den Cursor in den Superview und klicken Sie dann auf den Superview. -Wählen Sie "Aspect Ratio".

-Dann die Größe Inspector klicken. -Dann doppelklicken Sie auf die Einschränkung.

-Stellen Sie sicher, dass "Höhe" für beide Elemente ausgewählt ist.

- Dann ändern Sie den "Multiplikator" auf 0,5 für die Hälfte des Bildschirms, oder was auch immer Fraktion der Superview Sie wünschen.

Answer 6

Swift-Version von Mete Antwort:

override func viewDidLoad() { 
    super.viewDidLoad() 
    // Do any additional setup after loading the view, typically from a nib. 



    upperView.translatesAutoresizingMaskIntoConstraints = false 


    var constraint = NSLayoutConstraint(item: upperView, 
             attribute: NSLayoutAttribute.top, 
             relatedBy: NSLayoutRelation.equal, 
             toItem: self.view, 
             attribute: NSLayoutAttribute.top, 
             multiplier: 1, 
             constant: 0) 

    self.view.addConstraint(constraint) 


    constraint = NSLayoutConstraint(item: upperView, 
            attribute: NSLayoutAttribute.height, 
            relatedBy: NSLayoutRelation.equal, 
            toItem: self.view, 
            attribute: NSLayoutAttribute.height, 
            multiplier: 0.5, 
            constant: 0) 

    self.view.addConstraint(constraint) 


    constraint = NSLayoutConstraint(item: upperView, 
            attribute: NSLayoutAttribute.leading, 
            relatedBy: NSLayoutRelation.equal, 
            toItem: self.view, 
            attribute: NSLayoutAttribute.leading, 
            multiplier: 1, 
            constant: 0) 

    self.view.addConstraint(constraint) 


    constraint = NSLayoutConstraint(item: upperView, 
            attribute: NSLayoutAttribute.trailing, 
            relatedBy: NSLayoutRelation.equal, 
            toItem: self.view, 
            attribute: NSLayoutAttribute.trailing, 
            multiplier: 1, 
            constant: 0) 

    self.view.addConstraint(constraint) 


}