관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - HIG] 35. Action Sheets (액션 시트) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 35. Action Sheets (액션 시트)

jake-kim 2021. 6. 6. 23:02

액션 시트

  • 현재 컨텍스트와 관련된 두 개 이상의 선택 사항을 제공하는 경고 표출 용도
  • iOS 같이 작은 화면에서는 밑에서 올라오고, iPad와 같은 큰화면은 pop over 형태로 표출

iOS에서의 Action Sheet
iPad에서의 Action Sheet (pop over)

주의사항

  • 컨텍스트 상에서 강한 경고를 줄때 사용하며, 약한 알림은 Pull down(iOS 14+) 메뉴 사용
  • 사용자가 뒤로 돌아갈 수 있도록 제공 cancel 버튼을 필수로 표출
  • "Delete"와 같은 강한 경고를 제공하고 싶을 경우
    • 빨간색 사용
    • action sheet에서 상단에 위치
  • Action sheet를 스크롤되지 않도록 option을 조금만 표출

* 출처

https://developer.apple.com/design/human-interface-guidelines/ios/views/action-sheets/

 

Comments