Split Views

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

9:41
●●●● WiFi 🔋
Mail
📥 Inbox 3
📄 Drafts
Sent
🗑 Trash
Favorites
⚠️ 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 미리보기에서 나쁜 패턴을 직접 확인해보세요

Narrow
Regular
Wide
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)