Pickers
Last updated
Last updated
A picker includes one or more scrollable lists of distinct values, each of which has a single selected value—appearing in darker text in the center of the view. A picker is often displayed at the bottom of the screen or in a popover when the user is editing a field or tapping a menu. Pickers can also appear inline, such as while editing a date in a Calendar event. The height of a picker is roughly the height of five rows of list values. The width of a picker is either the width of the screen or its enclosing view, depending on the device and context.
픽커는 하나 이상의 스크롤 가능한 개별 값 목록이 포함되어 있으며, 각각은 하나의 선택된 값을 가집니다(보기 중앙에 더 어두운 텍스트로 나타남). 사용자가 필드를 편집하거나 메뉴를 누를 때 픽커가 화면 아래나 팝업에 표시되는 경우가 많습니다. 달력 이벤트에서 날짜를 편집하는 것처럼 픽커가 인라인으로 나타날 수도 있습니다. 픽커의 높이는 대략 목록 값의 5행 높이입니다. 픽커의 폭은 장치와 컨텍스트에 따라 화면이나 내부 뷰의 폭이 됩니다.
Use predictable and logically ordered values. Many values in a picker may be hidden when the scrollable lists are stationary. It's best when people can predict what these values are, such as with a list of alphabetized countries, so they can move through the lists quickly.
예측 가능한 및 논리적으로 정렬된 값을 사용하십시오. 스크롤 가능한 목록이 정지해 있을 때 픽커에서 많은 값이 숨겨질 수 있습니다. 알파벳 순으로 나열된 국가 목록과 같이 사람들이 이러한 가치가 무엇인지 예측할 수 있으므로 목록을 신속하게 이동할 수 있습니다.
Avoid switching screens to show a picker. A picker works well when displayed in context, below or in close proximity to the field being edited.
픽커를 보여주기 위해 화면을 전환하지 마십시오. 픽커는 컨텍스트, 편집중인 필드 아래 또는 근처에 표시 될 때 잘 작동합니다.
Use a table instead of a picker for large value lists. Long lists can be tedious to navigate in a picker. A table has adjustable height and can include an index, making scrolling much faster.
큰 값 목록에는 픽커 대신 테이블을 사용하십시오. 긴 목록은 픽커에서 탐색하기가 지루할 수 있습니다. 테이블은 높이를 조정할 수 있으며 인덱스를 포함 할 수 있으므로 스크롤 속도가 훨씬 빨라집니다.
A date picker is an efficient interface for selecting a specific date, time, or both. It also provides an interface for displaying a countdown timer.
날짜 선택 도구는 특정 날짜, 시간 또는 둘 다 를 선택하기위한 효율적인 인터페이스입니다. 카운트 다운 타이머를 표시하기 위한 인터페이스도 제공합니다.
A date picker has four modes, each of which presents a different set of selectable values.
날짜 선택 도구에는 네 가지 모드가 있으며 각각의 모드는 다른 선택 가능한 값 집합을 제공합니다.
Date. Displays months, days of the month, and years.
Time. Displays hours, minutes, and (optionally) an AM/PM designation.
Date and time. Displays dates, hours, minutes, and (optionally) an AM/PM designation.
Countdown timer. Displays hours and minutes, up to a maximum of 23 hours and 59 minutes.
The exact values shown in a date picker and their order depend upon the user’s locale.
Consider providing less granularity when specifying minutes. By default, a minute list includes 60 values (0 to 59). You can optionally increase the minute interval as long as it divides evenly into 60. For example, you might want quarter-hour intervals (0, 15, 30, and 45).
분을 지정할 때 단위를 줄이는 것을 고려하십시오. 기본적으로 분 목록에는 60 개 값 (0 - 59)이 포함됩니다. 선택적으로 분 간격을 60으로 균등하게 나누면 분 간격을 늘릴 수 있습니다. 예를 들어, 분당 시간 간격 (0, 15, 30 및 45)을 원할 수 있습니다.
For developer guidance, see .
For developer guidance, see .
