Split Views

A split view manages the presentation of two side-by-side panes of content, each of which can contain any variety of elements, including tables, collections, images, and custom views. Use a split view to show persistent, focusable content in the primary pane, and related information in the secondary pane. Split views are often used with filterable content; a list of filter categories appears in the primary pane, and the filtered results for the selected category are shown in the secondary pane.

Apple TV screen showing Split View layout

Choose a split-view layout that works well with your content. By default, a split view devotes a third of the screen to the primary pane and two-thirds to the secondary pane. The screen can also be split into halves. Choose an appropriate split based on your content, and make sure the panes don’t look unbalanced.

Persistently highlight the active selection in the primary pane. Although the secondary pane’s content can change, it should always correspond to a clearly identifiable selection in the primary pane. This helps people understand the relationship between the panes.

Show a single title per split view. Multiple titles onscreen make it hard to figure out the current context. Instead, show a single title that provides a frame of reference for both sides of the view.

When the secondary view displays a collection of content, consider using a centered title. When the secondary view contains important content, consider placing the title above the primary view so the content has more room.

For developer guidance, see UISplitViewController.