Autolayout iOS - Posizione corretta sotto la barra di navigazione traslucida

Question

Nello storyboard, ho uno UIImageView che vorrei posizionare a una distanza fissa sotto una barra di navigazione traslucida. Ho la barra superiore simulata per il controller di visualizzazione impostato sulla barra traslucida e il vincolo che ho ora dice "Top Space to Superview Equals 52", 8 punti sotto la barra.

Tuttavia, quando la vista ruota verso il paesaggio, la barra di navigazione si riduce a 34 punti e la vista dell'immagine è ancora a 52 punti come se fosse in verticale.

Quale vincolo posso utilizzare in IB per posizionare la vista dell'immagine a 8 punti sotto la barra di navigazione, indipendentemente dalla altezza della barra?

Grazie!

Answer 1

Selezionare sia imageView che TopBar in StoryBoard. In basso a destra dello schermo, vedrete un pulsante che assomiglia a un H:

selezionarlo e scegliere "Spaziatura verticale". Imposta il contraint uguale a 8 pixel e dovrebbe funzionare.

Answer 2

Selezionare il numero UIImageView e trascinare il controllo sulla Guida al layout principale per creare un vincolo. Se non si ha familiarità con la Guida al layout principale, è possibile selezionarla nella vista struttura a sinistra.

Answer 3

Come indicato da Nestore, si imposta la spaziatura superiore con il bordo superiore della vista e non il vicino più prossimo che è la barra di navigazione. È necessario impostare il vincolo di spaziatura superiore con la Guida al layout principale per renderlo corretto indipendentemente dalla classe di dimensioni e dagli orientamenti.

Per fare ciò, dalla vista struttura del documento, tenere premuto ctrl clic e trascinare una linea da UIImageView a Top Layout Guide e selezionare Vertical Spacing dall'elenco.