Split Views

A split view manages the presentation of two side-by-side panes of content, with persistent content in the primary pane and related information in the secondary pane. Each pane can contain any variety of elements, including navigation bars, toolbars, tab bars, tables, collections, images, maps, and custom views. 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. If your app requires it, the primary pane can overlay the secondary pane and can be hidden offscreen when not in use. This is particularly useful when the device is in portrait orientation, as it allows more room for viewing content in the secondary pane. For related guidance, see Auto 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. Avoid creating a secondary pane that’s narrower than the primary pane.

컨텐츠와 잘 어울리는 스플릿뷰 레이아웃을 선택하십시오. 기본적으로 스플릿뷰는 화면의 1/3을 기본 분할 창에, 2/3를 보조 분할 창에 할당합니다. 화면을 절반으로 분할 될 수도 있습니다. 컨텐츠를 기반으로 적절한 분할을 선택하고 창이 불균형 해 보이지 않는지 확인하십시오. 기본 창보다 좁은 보조 창을 생성하지 마십시오.

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.

기본 창에서 활성화된 선택 항목을 지속적으로 강조 표시하십시오. 보조 창의 컨텐츠는 변경 될 수 있어도, 항상 기본 창에서 명확하게 식별 가능한 선택 항목과 일치해야합니다. 이것은 사람들이 창 사이의 관계를 이해하는데 도움이 됩니다.

In general, restrict navigation to one side of a split view. Placing navigation in both panes of a split view makes it hard for people to stay oriented and discern the relationship between the two panes.

일반적으로 스플릿뷰의 한쪽으로 탐색을 제한하십시오. 스플릿뷰의 두 창에 탐색을 배치하면 사람들이 방향을 유지하고 두 창 사이의 관계를 식별하기가 어려워집니다.

Provide multiple ways to access a hidden primary pane. On layouts where the primary pane may be offscreen, be sure to provide a button—typically in a navigation bar—to reveal the pane. Unless your app uses the swipe gesture to perform other functions, let people swipe from the side of the screen to access the primary pane too.

숨겨진 기본 창에 접근하는 여러 가지 방법을 제공하십시오. 기본 창이 화면 밖에 있을 수 있는 레이아웃에서는 버튼을 제공(일반적으로 네비게이션 바에 버튼)하여 창을 나타내야 합니다. 앱이 스와이프 제스처를 사용하여 다른 기능을 수행하지 않는 한 사람들이 화면의 측면에서 스와이프하여 기본 창에 접근 할 수있게 합니다.

For developer guidance, see UISplitViewController.

Split Views - Views - iOS - Human Interface Guidelines - Apple Developer