2015-04-14 8 views
7

Utilizzando layout automatico che sto cercando di creare due pulsanti sulla parte inferiore come questobisogno di impostare l'assistenza di due pulsanti di uguale larghezza, fianco a fianco Autolayout

enter image description here

Dopo aver trascinato due pulsanti I set vincoli Ti piace questa

enter image description here

Su Back button I set Leading Space to Container Margin e Bottom Space to Bottom Layout Guide

Su Go To Settings button ho impostato Trailing Space to Container Margin e Bottom Space to Bottom Layout Guide

Poi ho ctrl+DragBack button-Go To Settings button e impostare il vincolo Equal Widths e ottengo questo.

enter image description here

Poi aggiornare la Back button larghezza uguale Go To Settings button che è 101 e tutti i vincoli diventano al blu.

Ma io voglio che entrambi i pulsanti coprano metà dello schermo indipendentemente dalla dimensione dello schermo, come mostrato nella prima schermata, Come realizzare questo?

risposta

24

puoi farlo utilizzando larghezza uguale al 2 pulsante mi piace questo

enter image description here

e l'uscita è

enter image description here

Ecco apple guide

+2

grazie per la risposta e ottima e semplice soluzione. –

+0

per favore puoi dirmi perché hai impostato solo 3 vincoli sul pulsante Impostazioni, non hai selezionato il vincolo di sinistra. –

+2

perché i vincoli a sinistra del pulsante di impostazione sono il vincolo destro del pulsante Indietro .... quindi non c'è bisogno di impostarlo ... giusto .... –

2

È possibile avere il vincolo della larghezza uguale tra i pulsanti, ma è anche necessario specificare quale larghezza è necessaria.

Trascinare quindi da un pulsante a superview, aggiungere un vincolo di larghezza uguale. Quindi, nelle proprietà del vincolo che hai aggiunto, imposta multiplier su 0.5, in questo modo i pulsanti dovrebbero trovarsi a metà schermo.

+0

grazie per aver risposto, anche la soluzione funziona ma la soluzione di Vladimir K è un po 'semplice, per favore puoi dirmi due approcci diversi ma lo stesso risultato quale è efficiente? –

+0

@ La soluzione di VladimirK è migliore, scegli quella. Probabilmente è il modo più semplice per risolvere questo problema. – Levi

+0

:) un'altra soluzione da Bhavin e anche facile, sono confuso dal fatto che ci siano diversi modi per risolvere lo stesso problema che è migliore ed efficiente? Ti chiedo perché hai un più alto repo :) –

1

è necessario aggiungere un altro vincolo - set spazio orizzontale tra i pulsanti a 0

enter image description here

+0

Grazie per la risposta e la soluzione facile e ottima funziona perfettamente. –

+0

Prego! –

0

È possibile seguire le modifiche del layout. otterrai quello che vuoi

Layout per il pulsante Back. enter image description here Layout per il pulsante Go to Setting.

enter image description here