1. 오토레이아웃이란?
오토레이아웃
오토레이아웃은 뷰의 제약 조건(Constraints)을 바탕으로 뷰 체계 내의 모든 뷰의 크기와 위치를 동적으로 지정한다. 애플리케이션을 사용할 때 발생하는 외부 변경과 내부 변경에 동적으로 반응하는 사용자 인터페이스를 가능하게 한다.
<외부 변경(External Changes)>
외부 변경은 슈퍼뷰의 크기나 모양이 변경될 때 발생한다.
< 외부 변경이 발생하는 경우 >
- 사용자가 아이패드의 분할뷰(Split View)를 사용하거나 사용하지 않는 경우(iOS).
- 장치를 회전하는 경우(iOS).
- 활성화콜(active call)과 오디오 녹음 바가 보여지거나 사라지는 경우(iOS).
- 다른 크기의 클래스를 지원하기 원하는 경우
- 다른 크기의 스크린을 지원하기 원하는 경우
<내부 변경(Internal Changes)>
내부 변경은 사용자 인터페이스의 뷰의 크기 또는 설정이 변경되었을 때 발생한다.
< 내부 변경이 발생하는 경우 >
- 애플리케이션 변경에 의해 콘텐츠가 보여지는 경우
- 애플리케이션이 국제화를 지원하는 경우
- 애플리케이션이 동적 타입을 지원하는 경우
2. 오토레이아웃이 필요한 이유
오토레이아웃은 인터페이스의 절대적인 좌표가 아닌 동적으로 상대적인 좌표가 필요한 경우에 유용하다.
- 애플리케이션이 실행되는 iOS 기기의 스크린 화면의 크기가 다양한 경우.
- 애플리케이션이 실행되는 iOS 기기의 스크린이 회전할 수 있는 경우.
- 상태표시줄(Status Bar)에 전화 중임을 나타내는 액티브 콜(active call)과 오디오 녹음 중임을 나타내는 오디오 바가 보여지거나 사라지는 경우.
- 애플리케이션의 콘텐츠가 동적으로 보여지는 경우.
- 애플리케이션이 지역화(Localization)를 지원하는 경우.
- 애플리케이션이 동적 타입을 지원하는 경우.
3. 오토레이아웃 속성
Width: 정렬 사각형의 너비Height: 정렬 사각형의 높이Top: 정렬 사각형의 상단Bottom: 정렬 사각형의 하단Baseline: 텍스트의 하단Horizontal: 수평Vertical: 수직Leading: 리딩, 텍스트를 읽을 때 시작 방향Trailing: 트레일링, 텍스트를 읽을 때 끝 방향CenterX: 수평 중심CenterY: 수직 중심
부스트코스 iOS 앱 프로그래밍 강의를 들으며 오토레이아웃에 대해 간단히 정리했는데, 기본적인 것만 정리했다. 더 자세한 내용은 찾아보고 공부한 뒤 정리해야할 것 같다.
📚beenyyy의 개발공부