HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Outline Views

Outline Views

iOS 아웃라인 뷰의 계층적 트리 구조를 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Files
⚠️ HIG 위반: 계층 구조가 불명확합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Show clear parent-child relationships with indentation
  • Use disclosure indicators for expandable items
  • Maintain consistent indentation levels
  • Use appropriate icons for item types

✗ 이렇게 하지 마세요

  • Flatten deep hierarchies without context
  • Remove visual hierarchy cues
  • Make tree items too small to tap
  • Use outline views for flat, non-hierarchical data

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

Show Disclosure Indicator
None
Single
Multiple
Sidebar
Inset Grouped
Plain
SwiftUI Code
List { OutlineGroup(fileSystem, children: \.children) { item in Label(item.name, systemImage: item.icon) } } .listStyle(.sidebar)
HIG Lab — Apple Human Interface Guidelines Interactive Playground