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

꼼꼼한 재은 씨의 스위프트 기본편 국내도서 저자 : 이재은 출판 : 루비페이퍼 2018.05.01 상세보기

오토 레이아웃 (Auto Layout)

• 디바이스마다의 화면 크기가 다르기 때문에 화면 크기 변화에 유연하게 대응할 수 있는 레이아웃을 생성해주어야 한다.
• ios에선 오토 리사이징 (Auto-Resizing), 오토 레이아웃 (Auto-Layout) 이라 불리는 2가지 기능을 제공한다.

 

화면 크기 변화 대응 방안

1. 화면 크기의 변화에 따라 객체의 가로세로 크기는 유지하고 외부 간격만 늘린다.
2. 화면 크기의 변화에 따라 객체의 외부 간격은 유지하고 가로세로 크기를 늘린다.

 

1. 오토 리사이징 (Auto-Resizing)

• 객체 인스펙터 5번째 탭에서 확인 가능
• 사각형 외부의 간격 표시를 활성화 시키면 해당 방향의 외부 간격을 고정한다는 의미
• 사각형 내부의 간격 표시를 활성화 시키면 가로 or 세로 크기를 고정한다는 의미

 

2. 오토 레이아웃 (Auto-Layout)

• 오토 리사이징보다 더 세밀하게 레이아웃을 제어할 수 있다.
• 객체에 오른쪽 마우스를 클릭해서 제약을 걸 다른 객체에 드래그한 뒤 놓고 제약을 추가한다.
• EX) A.leading = B.leading (A의 leading방향과 B의 leading을 일치시킨다.)
• EX) A.leading = B.leading + 16 (A의 leading과 B의 leading 사이에 16pt 만큼의 간격을 둔다.)