A Size Class Reference GuideAug 3, 2015 · 2 minute read · Comments
Size ClassesiOS 8iOS 9
Apple introduced the concept of adaptive user interfaces in iOS 8 relying on a combination of Auto Layout and size classes. Building user interfaces that adapt to changes in size class became even more important when Apple added slide over and split screen support in iOS 9.
The iOS Human Interface Guidelines describe the size classes used by full screen iPad and iPhone devices but do not (yet) include the various slide over and split screen combinations. In any case finding or remembering the details is tricky so after a few minutes with OmniGraffle here, for future reference, is my guide:
There are two size classes that can apply to the horizontal (width) or vertical (height) dimension of an application interface:
- regular: meaning your interface has expansive space.
- compact: meaning your interface has only constrained space.
iPhone 6 Plus
The iPhone 6 Plus is the only iPhone device that has a regular width in landscape orientation. The longest dimension is always regular and the shortest dimension is always compact.
All Other iPhone Models
The other iPhone models have a trickier set of size classes to remember. The longest dimension of the device is regular in portrait but only compact in landscape.
A full screen iPad application always has regular height and width size classes regardless of orientation.
iPad Split Screen and Slide Over
The multi-tasking views introduced in iOS 9 complicate the situation for the iPad. For the first time an iPad application can find it itself running with a compact horizontal size class. Another assumption that no longer holds is that the window and screen bounds will always be the same. I cover the details in an earlier post on iOS 9 slide over and split view.