AutoLayout

오토레이아웃 필요성

- ui 구성시  다양한 사이즈와 화면 비율로 출시 되면서, 사이즈에 구애받지 않고 시각적으로 동일한 화면을 구현해야 함

- 오토레이아웃은 애플리케이션을 사용할 때 발생하는 외부 변경과 내부 변경에 동적으로 반응하는 사용자 인터페이스를 가능하게 합니다.

- 외부 변경(External Changes) : 외부 변경은 슈퍼뷰의 크기나 모양이 변경될 때 발생합니다. 

- 내부 변경(Internal Changes) : 용자 인터페이스의 뷰의 크기 또는 설정이 변경되었을 때 발생

 

 

 

오토레이아웃 속성

• Width : 정렬 사각형의 너비
• Height : 정렬 사각형의 높이
• Top : 정렬 사각형의 상단
• Bottom : 정렬 사각형의 하단
• Baseline : 텍스트의 하단
• Horizontal : 수평
• Vertical : 수직
• Leading : 리딩, 텍스트를 읽을 때 시작 방향
• Trailing : 트레일링, 텍스트를 읽을 때 끝 방향
• CenterX : 수평 중심
• CenterY : 수직 중심

 

안전 영역(Safe Area)

• 안전 영역은 콘텐츠가 상태바, 내비게이션바, 툴바, 탭바를 가리는 것을 방지하는 영역입니다. 표준 시스템이 제공하는 뷰들은 자동으로 안전 영역 레이아웃 가이드를 준수하게 되어있습니다.