Safearea
Safe Area란 ?
iOS 11이 되며 기존의 topLayoutGuide, bottomLayoutGuide를 대신해 나오게 되었다.
이는 iPhone X가 출시되며 노치가 생겼기 때문이기도 한데 아래 그림을 보면 이해가 빠르다.
사진과 같이 iPhone 8에 있던 홈버튼이 없어지면서 iPhone X 에서 휴대폰은 돌렸을 때 하단부분에 여백이 생기게 된것이다.
위 그림의 회색부분이 Safe Area이다.
녹색 부분에 상태바, 내비게이션바, 탭바 등이 위치하게 돼도 View가 가려지지 않기 위해 제공되는 마진이다.
하지만 어플의 특성상 SafeAreaInsets을 적용해야할 수도 무시해야 할 수도 있다.
StoryBoard에서의 Safe Area
사진과 같이 푸른색으로 표시된 부분이 Safe Area이다.
UI를 만들고 Safe Area를 기준으로 Contraints를 주게 되면 적용이되고, SuperView를 기준으로 Contraints를 주게 되면 SafeAreaInsets를 무시한 채로 적용된다.
혹은 위 사진에 보이는 ViewController의 Inspector에 Use Safe Area Layout Guides의 체크를 해제하면 아예 사용하지 않을 수도 있다.
코드에서의 Safe Area
self.view.safeAreaInsets
코드를 통해 Contraints를 줄 때 위 코드를 통해 뷰의 Safe Area 마진값을 추가할 수 있다.
어플의 특성 상 Safe Area를 무시해야하는 영상이나 사진에 대해서는 어쩔 수 없지만 Apple은 웬만하면 지켜주는 것을 권장한다
참고자료
