Split Views — HIG Playground

iOS NavigationSplitView의 사이드바와 디테일 레이아웃을 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41

●●●● WiFi 🔋

⚠️ HIG 위반: 분할 뷰가 부적절합니다

📚 HIG Guidelines — 직접 체험하기

✓ Do — 올바른 예시

✗ Don't — 나쁜 예시

✓ 이렇게 하세요

Maintain context in the sidebar during navigation
Use adaptive layouts for different screen sizes
Highlight the selected item clearly
Support swipe gestures for sidebar toggle

✗ 이렇게 하지 마세요

Force split view on compact (phone) screens
Hide the sidebar without a clear way to show it
Remove selection indication
Make sidebar items too dense

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

Sidebar Width

Narrow

Regular

Wide

Style

Prominent

Balanced

Show Badge

SwiftUI Code

NavigationSplitView { List(selection: $selected) { Label("Inbox", systemImage: "tray") .badge(3) Label("Drafts", systemImage: "doc") Label("Sent", systemImage: "paperplane") } .navigationTitle("Mail") } detail: { DetailView(item: selected) } .navigationSplitViewStyle(.prominent)