관리 메뉴

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

[iOS - HIG] 49. Picker (피커) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 49. Picker (피커)

jake-kim 2021. 6. 17. 22:01

Picker

  • 사용자들이 선택할 수 있는 스크롤 가능한 목록을 하나 이상 표출

  • iOS 14+에서는 Date Pickers 제공 (아래 내용 참고)
  • 스크롤에 있어서 예측 가능하고 논리적으로 정렬된 값을 사용
  • Picker를 표출할 때 화면전환을 하지 않고 Picker는 일반적으로 화면 하단에서 나타나도록 설계

Date Picker

  • iOS 14+
  • 터치, 키보드를 통해 날짜와 시간 둘 다 선택할 수 있는 인터페이스

  • DatePicker 추가

사용 예시

  • datePicker에서 제공하는 모드
    • 날짜: 월 / 일 / 년도
    • 시각: 시간 / 분 / AM / PM
    • 날짜와 시간
    • 카운트 다운 타이머: 최대 23시 59분까지 시간과 분을 표출
  • 공간이 제한되어 있는 경우 간결한 DatePicker 사용
  • DatePicker 클래스: https://developer.apple.com/documentation/uikit/uidatepicker

* 참고

https://developer.apple.com/design/human-interface-guidelines/ios/controls/pickers/

Comments