autolayout - crea l'altezza della vista rispetto alla mezza altezza della superview

sono entrato in autolayouts di recente e sono bloccato su quello che sembra un esempio di problema davvero banale. Ho una visione che voglio sedermi nella parte superiore dello schermo e occupare metà dell'altezza dello schermo. Semplice prima del autolayout: fissalo sul posto e digli di espandersi verticalmente quando la superview viene ridimensionata.

Ora, non posso per la vita di me vedere come farlo. Ecco cosa ottengo quando provo a configurarlo:

Il vincolo di spazio inferiore è impostato su "uguale a 284", che per me è assoluto e assolutamente inutile quando passo al layout di iPhone4, poiché mantiene lo spazio di 284 punti nella parte inferiore dello schermo e riduce la vista per non essere più la metà del dimensione dello schermo. E non c'è modo di impostare quel vincolo per eguagliare una frazione dell'altezza di qualsiasi altra vista.

Dopo aver lottato per un po ', l'unico modo in cui posso pensare di farlo sarebbe quello di introdurre un'altra vista sotto questa vista, fissare le loro altezze allo stesso modo, farli sedere sopra e sotto l'altro e quindi impostare la seconda vista (in basso) in modo che sia invisibile .. che sembra un po 'brutto!

Mi sto perdendo qualcosa di ovvio? ..

Questo è ora possibile in IB a partire da [almeno] Xcode 5.1.1. Anche se mi ci è voluto un po 'di tempo per capire che in realtà è super semplice:

Per prima cosa crea un vincolo di allineamento superiore di base (dovrai anche impostare vincoli di fondo, sinistro e destro, come normale). Quindi seleziona il vincolo e vai alla finestra di ispezione Attributo :

Quindi è possibile regolare il moltiplicatore. Se lo vuoi, il 50% della super vista lo lascia in 1, poiché è allineato per il centro della super. Questo è anche un ottimo modo per creare visualizzazioni che sono anche altre percentuali (come il 25% di super view)

Soluzione per storyboard in cui è possibile impostare il rapporto esatto tra qualsiasi vista:

Adesso:

PROFITTO!!!

PS Si noti inoltre che questo metodo funziona con viste su diversi livelli di annidamento e (ovviamente) applicabili per la larghezza

A volte PPS potrebbe essere utile "invertire il primo e il secondo elemento" del vincolo o impostare il moltiplicatore inverso (ad esempio 2 anziché 0,5) (ma questi metodi non sono utili se non si capisce come le viste si relazionano tra loro).

Dopo un po 'più di tempo ho escogitato quanto segue.

Non lo sto notando come una risposta ma non è molto soddisfacente, dal momento che presume che tu non possa effettivamente farlo in Interface Builder, ma il vincolo corretto può essere aggiunto nel codice in seguito come:

- (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];

}

Fondamentalmente, imposta un moltiplicatore di 0,5 contro l'altezza di self.view, agendo su upperview. Ho dovuto impostare la priorità del vincolo di spazio verticale inferiore in IB su un valore inferiore a 1000 per evitare anche un sacco di messaggi di runtime sui vincoli di rottura.

Quindi, se qualcuno può mostrare come farlo in Interface Builder, sarebbe meglio rispondere alla mia domanda, altrimenti immagino che sia buono come lo è (per ora) ???

Leggermente più facile e più diretto del metodo rispetto alla risposta di Fyodor Volchyok. -Tenete premuto il pulsante di controllo e fate clic sulla vista secondaria. -Ancora tenendo premuto il pulsante di comando, trascina il cursore sulla superview quindi fai clic sulla superview. -Seleziona "Proporzioni".

-Poi fai clic su Impostazioni dimensioni. -Poi fare doppio clic sul vincolo.

-Assicurarsi che "altezza" sia selezionato per entrambi gli elementi.

-Poi cambiare il "Moltiplicatore" su 0,5 per metà dello schermo, o qualunque frazione della superview che desideri.

C'è anche un'altra possibilità nel codice nel caso in cui tu abbia 2 viste che dovrebbero avere entrambe la stessa altezza: basta impostare l'altezza di view2 all'altezza di view1 (il trucco qui non sta impostando l'altezza di view1 esplicitamente).

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

Versione rapida della risposta di Mete:

    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)


}