선택 가능한 1개 이상의 항목 리스트를 보여줄 때 picker를 사용한다.
Date picker는 캘린더에서 날짜 선택 및 숫자 키패드를 이용하여 날짜와 시간 입력이 가능하다. (Date Pickers 참고)
picker를 사용하면, 사용자들이 1개 혹은 그 이상의 값을 입력하기 쉽다.
Best Practice
1. picker를 사용하여 medium-to-long 항목 리스트를 제공하는 것이 좋다.
👌🏻 많은 항목들을 빠르게 스크롤하기엔 picker가 적합하다.
💡 짧은 항목을 보여줄 경우 -> pull-down button 사용 권장.
- 짧은 항목일 때 picker를 사용하면, 너무 많은 visual weight가 추가되기 때문에 pull-down button 이 더 적합하다.
💡 매우 많은 항목을 보여줄 경우 -> List나 Table 사용 권장.
- List와 Table은 높이 조정 가능하고 Table은 List의 섹션에 접근하기 용인한 Index를 포함한다. (Table 참고)
항목 갯수에 따라서, pull-down button < picker < list, table 을 사용하는 것이 좋다.
2. 예측 가능하고 논리적인 순서로 항목을 나열해야 한다.
아직 스크롤을 하지 않아 많은 항목들이 숨겨져 있을 때, 사용자들이 아래 숨겨진 항목들이 무엇인지 예측할 수 있어야 한다.
예를 들어, 나라 목록이 알파벳 순으로 나열되어 있다면 사용자들은 빠르게 해당 항목으로 접근할 수 있다.
3. Picker를 보여주기 위한 화면 전환은 ❌
상황에 따라 picker는 편집 중인 필드 근처에 표시될 때 제대로 동작된다.
일반적으로 picker는 화면 아래쪽이나 팝업으로 나타난다.
HIG 개편으로 추가된 내용에 대해서는 추후 수정할 예정.
iOS developer 👩🏻💻