[iOS] 오토 레이아웃( Auto Layout )

오토 레이아웃( Auto Layout ) 이란?

다른 View들 간의 관계를 이용해서 View의 위치와 크기를 자동으로 결정하는 Layout System이다.

뷰의 주어진 제약조건에 따라서 뷰의 크기와 위치를 동적으로 계산해 배치하는 것을 도와주고, 외부 또는 내부의 변화에 동적으로 반응하여 유저 인터페이스(UI)를 구성한다. 

 

필요한 이유?

다양한 기기의 화면 크기와 해상도에 대흥하기 위해서! 모든 폰기종은 다르다! 절대적인 위치로 배치하게 되면, 모든 핸드폰 기종마다 높이와 넓이가 다르므로, 값이 다르게 배치된다.

- 다양한 기기의 화면 크기 및 해상도 대응

- 기기 방향(세로/ 가로 모드) 대응

- iPad 분할화면, 멀티 태스킹 모드 대응

- 글꼴에 따른 텍스트 크기 조정

- 국제화에 대응 ( 나라의 언어마다 왼쪽부터 또는 오른쪽 부터 레이아웃 방향이 다름)

---

뷰의 위치와 뷰의 크기를 알면 오토레이아웃을 적용할 수 있다.

 

뷰의 위치 (x, y 좌표) - anchor

상대적인 뷰로 부터 얼마만큼 떨어져 있는지 계산이 가능하다.

뷰의 크기(width, height)

 

나머지 거리를 기기의 높이에 맞춰 조정해준다. 

 

---

Auto Layout의 속성 

AutoLayout은 정렬 사각형을 기반으로 한다.

 

- width : 정렬 사각형의 너비

- height : 정렬 사각형의 높이

- top : 정렬 사각형의 상단

- bottom: 정렬 사각형의 하단

- horizontal : 수평

- vertical : 수직

- leading : 텍스트 읽을 때 시작 방향 

- trailing : 텍스트 읽을 때 끝 방향

- centerX : 수평 중심

- centerY : 수직 중심

- baseline : 텍스트의 하단

---