SlideOver & SplitView 지원 iPad 앱의 화면 크기 목록

iOS 9에서 iPad로 화면을 분할하여 두 앱을 동시에 포 그랜드로 만드는 멀티태스킹 기능 Slide Over & Split View가 추가되었습니다. 또한, 큰 화면의 iPad Pro(12.9인치 모델)의 등장에 의해, iPad 시리즈도 iPhone 시리즈와 같이 복수의 논리 화면 사이즈를 가지게 되었습니다.
※ 이하의 설명에서는 「iPad Pro」라고 할 때에는 「iPad Pro(12.9 인치 모델)」를 가리키는 것으로 합니다. Pro 9.7 인치 모델은 시도하지 않지만, 구의 iPad Air 등과 같은 디스플레이 해상도이므로, Split 등의 사양도 같다고 생각됩니다.

그래서 Slide Over & Split View와 iPad Pro의 화면 크기 모두에 대응하는 앱이 고려해야 할 화면 크기를 조사해 보았습니다.

화면 분할 및 배치 패턴

첫째, Slide Over & Split View의 화면 분할 및 배치 패턴은 아래 그림에 표시된 A에서 G까지 7가지가 있습니다.

화면 사이즈 일람

각각의 화면 사이즈(논리 사이즈)는 이하와 같다.


배치
설명
iPad or iPad mini
iPad Pro
Horizontal SizeClass


A
랜드스케이프 전체 화면
1024x768
1336 x 1024
.Regular

B
랜드스케이프 SplitView 왼쪽 화면
694x768
981 x 1024
.Regular

C
랜드스케이프 SplitView 오른쪽 화면 or SlideOver
320x768
375x1024
.Compact

D
랜드스케이프 SplitView 좌우 균등 분할
507 x 768
678 x 1024

iPad: .Compact Pro: .Regular

E
포틀릿 전체 화면
768 x 1024
1024 x 1336
.Regular

F
포틀릿 SplitView 왼쪽 화면
438x1024
639 x 1336
.Compact

G
포틀릿 SplitView 오른쪽 화면 or SlideOver
320x1024
375 x 1336
.Compact


그래서 모두 14 종류의 화면 크기에 대응이 필요합니다.
가로폭만을 전부 열거하면
320, 375, 438, 507, 639, 678, 694, 768, 981, 1024, 1336
의 9 종류가 됩니다.
또한, 폭의 320과 375는 전자가 iPhone 5s까지의 오래된 iPhone, 후자는 iPhone 6계와 같은 폭이 되고 있습니다.

요약

위와 같이 바보처럼 많은 화면 크기가 있으므로 고정 값 기반 레이아웃은 잘 버리고 Auto Layout으로 잘합시다.