[iOS] AutoLayout overview

개념

• UI를 배치하는 기술으로, 제약을 지정해두면 레이아웃 시스템이 프레임을 자동으로 계산

등장 배경

Frame-based Layout

• 프레임 계산 기반
• Auto resizing mask : 프레임 계산 부담 줄인 버전. 6개의 비트 마스크 사용 //현재도 프로토타이핑에 사용

Auto Layout

• 제약을 기반으로 뷰를 배치

Adaptive Layout

• AutoLayout + Size Class + Trait Collection + Universal Storyboard
• Layout Anchor
• Safe Area

SwiftUI

• Declarative Syntax
• Preview
• 스토리보드 없이 코드만으로 UI를 구현
  • 완전히 대체하기는 어렵다

단위

pt: 논리적인 단위이다.

• retina display 등 @2x 를 계산할 땐 pt에 해당 값을 곱하면 실제 px값이 나오는데, 실제 개발에는 px값을 알 필요는 없다.