사이즈 클래스 이용하기

  • 사이즈 클래스를 이해하기 위해서는 위 그림을 참고해야 한다.
  • Regular는 평균적인 크기이며 Compact는 말 그대로 작은 크기로 보면 된다.
  • Portrait orientation(일반적인 사용 형태로 세로로 세워서 사용하는 형태) 하에서는 아이폰은 기종과 상관없이 Regular 높이와 Compact 너비를 가지고 있다.
  • 하지만 Landscape Orientation(가로로 눕혀서 사용하는 형태) 하에서는 Plus 모델의 경우 Compact 높이와 Regular 너비를 가지며, 그 외 기종(X 포함)은 Compact 높이와 Compact 너비를 가진다.
  • 정리하자면 아이폰의 경우 기본적으로 세로모드에서는 Regular 높이와 Compact 너비로 모두 동일하며, 가로모드에서는 Plus 모델만 Compact 높이와 Regular 너비를 가진다.
  • 따라서 Compact와 Regular 사이에 각각 다른 화면을 만들 수 있다. (아이폰SE ~ 아이폰X의 가로모드에서는 안보이던 버튼이 Plus 모델의 가로모드에서는 보이게끔.)

실습

  • 위 상황에서 가로모드는 일반적으로 다음과 같다.

  • 그러나 Regular 너비에서는 특정 뷰가 더 생겼으면 좋겠다. 그럴 때에는 스토리보드 하단에 Vary for Traits 버튼을 눌러 변경하고 싶은 width와 height를 선택한다.
  • 아래는 Regular 너비와 Compact 높이인 Plus 모델에만 적용될 스토리보드라고 이해하면 된다. (스토리보드 하단이 파란색으로 변경)
  • Plus 모델에만 적용하고 싶은 화면을 완성한 후 Done Varing 을 누른다.

  • 그러면 아까와는 다른 가로모드 화면이 보인다. Plus 모델에서만 적용이 되는지 확인해보자.

  • 보다시피 Plus 모델이 아닌 경우에는 처음 설정한 화면이 나오는 것을 확인할 수 있다.