AutoLayout이란?

AutoLayout

• 뷰의 ‘제약조건(Constraint)’을 바탕으로 뷰 체계 내의 모든 뷰의 크기와 위치를 동적으로 계산합니다. 즉, 두 뷰 사이의 관계를 제약 조건이라는 것을 이용해서 뷰의 크기와 위치를 지정하는 것입니다. 
• 다른 View들 간의 관계를 이용하여 View의 위치와 크기를 자동으로 결정하는 Layout System 입니다.

 

그렇다면 AutoLayout은 왜 필요할까??

 

어플리케이션이 실행되는 iOS 기기의 스크린 화면의 크기가 다양한 경우, 또는 스크린이 회전할 수 있는 경우 등 절대적인 좌표가 아닌 동적으로 상대적인 좌표가 필요한 경우 유용합니다.

 

iPhone8, iPhone12 mini, iPhone12 Pro 

 

위의 이미지를 보면 아이폰8와 아이폰12 mini, 아이폰12 Pro 의 화면인데, 기종이 달라도 보여지는 화면이 똑같다는 것을 볼 수 있습니다. 즉, 오토 레이아웃을 이용해서 하나의 스토리보드에서 모두 대응할 수 있는 것이죠.

 

이렇게 다양한 iOS 기기의 화면에서 같은 비율로 화면에 똑같이 보여주기 위해 오토 레이아웃을 사용합니다!!! 

 

AutoLayout 속성

• 정렬 사각형 기반

Width - 정렬 사각형의 너비

Height - 정렬 사각형의 높이

Top - 정렬 사각형의 상단

Bottom - 정렬 사각형의 하단

Horizontal - 수평

Vertical - 수직

Leading - 텍스트를 읽을 때 시작 방향

Trailing - 텍스트를 읽을 때 끝 방향

CentertX - 수평 중심

CenterY - 수직 중심

Baseline - 텍스트의 하단

 

 

 

 

---

▼  참고

오토 레이아웃(Auto Layout), 넌 누구냐!