Sidebars | Apple Developer Documentation

A sidebar can help people navigate your app or game, providing quick access to top-level collections of content.

사이드바는 사람들이 앱이나 게임을 탐색하는 데 도움을 주어 최상위 수준의 콘텐츠 컬렉션에 빠르게 액세스할 수 있도록 합니다.

The term sidebar refers to a list of top-level app areas and collections, almost always displayed in the primary pane of a split view. When people choose an item in a sidebar, the split view displays the item’s details in a secondary pane or — if the item contains a list — the secondary pane presents the list and a tertiary pane presents the details. For example, Mail in iOS, iPadOS, macOS, and visionOS uses sidebar styling and behavior to display the list of accounts and mailboxes, typically displaying the message list in a secondary pane and a message’s content in a tertiary pane.

사이드바라는 용어는 거의 항상 split view의 주요(primary) 창에 표시되는 최상위 앱 영역 및 컬렉션 목록을 나타낸다. 사람들이 사이드바에서 아이템을 선택하면 split view는 보조 창에 아이템의 세부항목을 표시하거나, 아이템에 리스트가 포함된 경우, 보조 창에 리스트를 표시하고 세번째 창에 세부항목을 표시한다. 예를 들어, iOS, iPadOs, macOS 및 visionOS의 Mail은 사이드바 스타일과 동작을 사용하여 계정 및 메일박스의 리스트를 표시한다. 일반적으로 메시지 리스트는 보조창에 표시되고, 메세지의 컨텐츠는 세번째 창에 표시된다.

A sidebar layout can take a lot of horizontal space, especially if you want the sidebar and its accompanying panes to be visible at the same time. In a layout that’s horizontally constrained, you might want to consider an alternative component, like a tab bar.

사이드바 레이아웃은 특히 사이드바와 관련 창을 동시에 표시하려는 경우 많은 수평 공간을 차지할 수 있다. 가로 레이아웃이 제한된 경우, 탭 바와 같은 대체 컴포넌트를 고려하자.

<aside> 💡 Developer note

When you use SwiftUI to construct a sidebar interface, you automatically get platform-appropriate appearance and behavior. For developer guidance, see NavigationSplitView. If you don’t use SwiftUI, you can instead use UISplitViewController or NSSplitViewController.

</aside>

사이드바 인터페이스를 구성할 때 SwiftUI를 사용하면, 자동으로 플랫폼에 적합한 모양과 동작을 얻을 수 있다. 개발자 지침은 NavigationSplitView를 참조하자. SwiftUI를 사용하지 안흔 경우 UISplitViewController 나 NSSplitViewController를 고려할 수 있다.

Best practices

Use a sidebar to help people quickly navigate to key areas of your app or top-level collections of content, like folders and playlists. A sidebar can help you flatten your information hierarchy, giving people access to several peer information categories or modes at the same time.

사이드바를 사용하여 사람들이 앱의 주요 영역이나 폴더나 플레이리스트 같은 컨텐츠의 최상위 모음을 빠르게 탐색할 수 있도록 돕자. 사이드 바를 사용하면 정보 계층을 평면화하여, 사람들이 동시에 여러 주변(peer) 정보 카테고리나 모드에 접근할 수 있다.