HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Context Menus

Context Menus

iOS Context Menu를 직접 체험해보세요. 카드를 클릭하면 롱프레스 효과와 함께 Context Menu가 나타납니다. 컨트롤 패널에서 속성을 변경하면 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Context Menus
Tap to Preview
Project Proposal.pdf
2.4 MB · Modified today
Q4 product roadmap and feature prioritization document for the mobile team.
Tap the card to show context menu
Another Example
Screenshot 2024.png
856 KB · Yesterday
App design mockup for the new onboarding flow with updated illustrations.
Tap the card to show context menu
⚠️ HIG 위반: 컨텍스트 메뉴가 부적절합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use context menus for secondary actions
  • Keep the number of items concise (under 10)
  • Group related actions with dividers
  • Place destructive actions at the bottom
  • Use SF Symbols for recognizable icons
  • Include a preview when appropriate

✗ 이렇게 하지 마세요

  • Don't use context menus for primary actions
  • Don't put too many items in a single menu
  • Don't hide essential functionality only in context menus
  • Don't mix destructive with non-destructive without separation
  • Don't nest submenus more than one level deep

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

Has Submenu
Has Destructive Action
Show Dividers
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground