[iOS] view layout 잡기

포커게임 앱 만들기를 하면서 레이아웃 잡는 과정이 오래걸렸는데 해결하기까지의 과정을 적어본다.

 

1. origin 과 frame, bounds의 차이

회전된 뷰

 

origin

- 절대 위치

 

frame

- 뷰의 좌표가 부모 뷰를 기준으로 결정됨

- 뷰가 회전하면 그 뷰를 감싸고 있는 frame은 회전하지 않고 그에 맞춰 크기와 좌표가 바뀜

 

bounds

- 본인의 좌표계에 의해 위치가 정해지기 때문에 항상 (0, 0) 을 유지

- bounds는 뷰의 width와 height 를 알기 적합하다

- 뷰가 회전해도 회전된 뷰의 width나 height는 변하지 않음

 

2. SafeArea 확인

let topPadding = UIApplication.shared.windows[0].safeAreaInsets.top
let bottomPadding = UIApplication.shared.windows[0].safeAreaInsets.bottom

상단, 하단의 안전영역 크기를 확인하는 코드

 

safeAreaInsets.top

=> 상단 노치 부분의 높이

 

safeAreaInsets.bottom

=> 하단 바 부분의 높이

 

3. stack view

stack.axis = .vertical
stack.alignment = .fill
stack.distribution = .fillEqually

stack 뷰의 속성들을 지정하여 레이아웃 설정

 

 

 

rhino-developer.tistory.com/entry/What-is-the-StackView?category=757733

[ios autolayout ]What is the StackView

baked-corn.tistory.com/81?category=718235

[ios] Bounds vs Frame?