HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Lists

Lists

iOS 리스트의 Plain과 Inset Grouped 스타일을 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Settings
General
📶
Wi-Fi
HomeNetwork
›
☥
Bluetooth
On
›
🔔
Notifications
›
🔊
Sounds & Haptics
›
🌔
Focus
›
Privacy
📍
Location Services
On
›
📷
Camera
›
🌄
Photos
›
🎙
Microphone
›
⚠️ HIG 위반: 리스트 구성이 부적절합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use standard 44pt minimum row height for touch targets
  • Use Inset Grouped style for settings-like interfaces
  • Use consistent disclosure indicators (chevrons) for drill-down rows
  • Align separators to the text, not the icon
  • Group related items into sections with headers

✗ 이렇게 하지 마세요

  • Don't mix different row heights in the same section
  • Don't use chevrons on rows that don't navigate
  • Don't overload rows with too much information
  • Don't remove separators between rows entirely

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

Show Section Headers
Show Icons
Show Chevrons
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground