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

Problemi correlati