Autolayout(오토레이아웃)

AutoLayout이란?

뷰에 속해있는 다른 뷰의 크기와 위치를 조건에 따라 동적으로 계산한다.

방정식을 계산하는 것과 같다.

예시)

First Item(Safe Area.Bottom) 은 Bottom Nav …cle Btn.Bottom과 같다(Equal).

Bottom을 기준으로 2만큼 떨어뜨린다.

Multiplier는 배율을 나타낸다.

First Item = (Second Item * Multiplier) + Constant

Horizontally in Container	컨테이너를 기준으로 가로 중앙에 위치시킨다
Vertically in Container	컨테이너를 기준으로 세로 중앙에 위치시킨다

 

Spacing to nearest neighbor	특정 뷰를 기준으로 일정 거리만큼 위치시킨다 (상, 하, 좌, 우)
Width	컨텐츠의 넓이
Height	컨텐츠의 높이
Aspect Ratio	현재 스토리보드의 크기만큼 설정

 

Embed In View	해당 뷰 상위에 뷰를 덧씌운다
Embed In View Controller	해당 컨트롤러의 하위의 객체로 포함시킨다

SuperView 와 Safe area

SuperView는 전체의 영역을 뜻하고

Safe area는 노치 도입 등으로 디스플레이의 구성에 따라 상단 상태표시줄이나 하단 바 등을 제외한 안전구역을 말한다.