////
Search
📐

Device Size Classes

Human Interface Guidelines(Layout) - Device Size Classes

Layout
Using a consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices. A layout guide defines a rectangular region that helps you position, align, and space your content on the screen.
https://developer.apple.com/design/human-interface-guidelines/foundations/layout/#device-screen-sizes-and-orientations
•
디바이스의 Portrait(세로), Landscape(가로) 방향(Orientation)에 따라 UI를 달리 적용해야 하는 경우 위 문서를 참고하여 Layout을 구성할 수 있습니다.
•
특정 방향(Portrait, Landscape)에 따라 Object를 보이거나 보이지 않게 할 경우, 위 공식 문서 가이드라인을 참고하여 아래과 같이 설정 값을 지정할 수 있습니다.

1. Portrait 방향에서만 보여야 하는 경우

•
설정 값을 적용해야 하는 Object를 선택 후, Attribute Inspector의 Introduce Variation Based On 값 중 Width는 기기에 맞는 값(Regular or Compact) 혹은 Any로 설정하고, Height를 가로의 경우인 Compact로 설정 한 후 해당 설정 값을 체크 해제 함으로써 해당 Object를 Portrait 화면에서만 보이게 할 수 있습니다.
•
Constraints 경우에도 Portrait 화면에서만 적용하도록 Attribute Inspector의 Introduce Variation Based On 값을 HIG(Human Interface Guidelines)에 맞춰 적용할 수 있습니다.

2. Landscape 방향에서만 보여야 하는 경우

•
Portrait와 반대로 설정하면 Landscape 방향에서만 보이게 할 수 있습니다.

3. 실행 결과