Search
Duplicate

Pickers

A picker displays one or more scrollable lists of distinct values that people can choose from.
피커는 사람들이 선택할 수 있는 개별 값의 스크롤 가능한 목록을 하나 이상 표시합니다.
The system provides several styles of pickers, each of which offers different types of selectable values and has a different appearance. The exact values shown in a picker, and their order, depend on the device language.
시스템에서는 여러 가지 스타일의 피커를 제공하며, 각 피커는 선택할 수 있는 값의 유형이 다르고 모양도 다릅니다. 피커에 표시되는 정확한 값과 그 순서는 장치 언어에 따라 다릅니다.
→ 시스템에서는 여러 가지 스타일의 피커를 제공한다. 그리고 각 피커는 서로 다르다
Pickers help people enter information by letting them choose single or multipart values. Date pickers specifically offer additional ways to choose values, like selecting a day in a calendar view or entering dates and times using a numeric keypad.
피커는 사용자가 단일 또는 여러 부분의 값을 선택할 수 있도록 하여 정보를 입력하는 데 도움을 줍니다. 특히 날짜 피커는 달력 보기에서 날짜를 선택하거나 숫자 키패드를 사용하여 날짜와 시간을 입력하는 등 값을 선택할 수 있는 추가적인 방법을 제공합니다.
→ 피커는 사용자가 단일 또는 여러 부분의 값을 선택할 수 있도록 하여 정보를 입력하는 데 도움을 준다

Best practices

Consider using a picker to offer medium-to-long lists of items. If you need to display a fairly short list of choices, consider using a pull-down button instead of a picker. Although a picker makes it easy to scroll quickly through many items, it may add too much visual weight to a short list of items. On the other hand, if you need to present a very large set of items, consider using a list or table. Lists and tables can adjust in height, and tables can include an index, which makes it much faster to target a section of the list.
중간에서 긴 항목 목록을 제공하려면 피커를 사용하는 것이 좋습니다. 상당히 짧은 선택 목록을 표시해야 하는 경우 피커 대신 풀다운 버튼을 사용하는 것이 좋습니다. 피커를 사용하면 많은 항목을 빠르게 스크롤할 수 있지만, 짧은 항목 목록에 시각적 가중치가 너무 많이 추가될 수 있습니다. 반면에 매우 많은 항목을 표시해야 하는 경우 목록 또는 표를 사용하는 것이 좋습니다. 목록과 표는 높이를 조절할 수 있고 표에는 색인을 포함할 수 있으므로 목록의 섹션을 훨씬 더 빠르게 타겟팅할 수 있습니다.
→ 피커와 풀다운 버튼은 성격이 다르다. 중간에서 긴 항목 목록을 제공할 경우 피커를 사용하는 것이 좋다.
Use predictable and logically ordered values. Before people interact with a picker, many of its values can be hidden. It’s best when people can predict what the hidden values are, such as with an alphabetized list of countries, so they can move through the items quickly.
예측 가능하고 논리적으로 정렬된 값을 사용하세요. 사람들이 선택기와 상호 작용하기 전에는 많은 값이 숨겨져 있을 수 있습니다. 알파벳순으로 나열된 국가 목록과 같이 숨겨진 값이 무엇인지 예측할 수 있는 것이 가장 좋으며, 그래야 사람들이 항목을 빠르게 이동할 수 있습니다.
→ 피커 사용시 유의할 점: 예측 가능하고 논리적으로 정렬된 값을 사용해라
Avoid switching views to show a picker. A picker works well when displayed in context, below or in proximity to the field people are editing. A picker typically appears at the bottom of a window or in a popover.
피커를 표시하기 위해 보기를 전환하지 마세요. 피커는 사람들이 편집 중인 필드 아래 또는 근처에 컨텍스트에 맞게 표시될 때 가장 효과적입니다. 피커는 일반적으로 창 하단이나 팝업에 표시됩니다.
→ 피커 사용시 유의할 점: 피커를 표시하기 위해 보기를 전환하지 마라
Consider providing less granularity when specifying minutes in a date picker. 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)이 필요할 수 있습니다.
→ 피커 사용시 유의할 점: 날짜 피커에서 분을 지정할 때 세분성을 낮추는 것이 좋다
No additional considerations for visionOS.

iOS, iPadOS

A date picker is an efficient interface for selecting a specific date, time, or both, using touch, a keyboard, or a pointing device. You can display a date picker in one of the following styles:
날짜 피커는 터치, 키보드 또는 포인팅 장치를 사용하여 특정 날짜, 시간 또는 둘 다를 선택할 수 있는 효율적인 인터페이스입니다. 짜 피커는 다음 스타일 중 하나로 표시할 수 있습니다:
Compact — A button that displays editable date and time content in a modal view.
컴팩트 - 편집 가능한 날짜 및 시간 콘텐츠를 모달 보기로 표시하는 버튼입니다.
Inline — For time only, a button that displays wheels of values; for dates and times, an inline calendar view.
인라인 - 시간에 대해서만 값의 휠을 표시하는 버튼이며, 날짜와 시간에 대해서는 인라인 캘린더 보기를 표시합니다.
Wheels — A set of scrolling wheels that also supports data entry through built-in or external keyboards.
휠 - 내장 또는 외부 키보드를 통한 데이터 입력도 지원하는 스크롤 휠 세트입니다.
Automatic — A system-determined style based on the current platform and date picker mode.
자동 - 현재 플랫폼 및 날짜 선택기 모드에 따라 시스템에서 결정한 스타일입니다.
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. This mode isn’t available in the inline or compact styles.
카운트다운 타이머 - 최대 23시간 59분까지 시간과 분을 표시합니다. 이 모드는 인라인 또는 컴팩트 스타일에서는 사용할 수 없습니다.
The exact values shown in a date picker, and their order, depend on the device location.
Here are several examples of date pickers showing different combinations of style and mode.
날짜 피커에 표시되는 정확한 값과 순서는 디바이스 위치에 따라 다릅니다. 다음은 스타일과 모드의 다양한 조합을 보여주는 날짜 피커의 몇 가지 예입니다.
컴팩트
인라인
Scheduled summary settings uses a compact date picker in time mode.
예약 요약 설정은 시간 모드에서 간결한 날짜 피커를 사용합니다.
When people tap the date picker, it reveals time values within a modal view.
사용자가 날짜 피커를 탭하면 모달 보기 내에 시간 값이 표시됩니다.
Use a compact date picker when space is constrained. The compact style displays a button that shows the current value in your app’s accent color. When people tap the button, the date picker opens a modal view, providing access to a familiar calendar-style editor and time picker. Within the modal view, people can make multiple edits to dates and times before tapping outside the view to confirm their choices.
공간이 제한적인 경우 간결한 날짜 피커를 사용하세요. 간결한 스타일은 앱의 강조 색상으로 현재 값을 표시하는 버튼을 표시합니다. 사용자가 버튼을 탭하면 날짜 피커가 모달 보기를 열어 익숙한 달력 스타일의 편집기와 시간 피커에 액세스할 수 있습니다. 모달 보기 내에서 사용자는 날짜와 시간을 여러 번 편집한 후 보기 외부를 탭하여 선택 사항을 확인할 수 있습니다.
→ 공간이 제한적인 경우 간결한 날짜 피커를 사용해라
Choose a date picker style that suits your app. There are two styles of date pickers in macOS: textual and graphical. The textual style is useful when you’re working with limited space and you expect people to make specific date and time selections. The graphical style is useful when you want to give people the option of browsing through days in a calendar or selecting a range of dates, or when the look of a clock face is appropriate for your app.
For developer guidance, see NSDatePicker.
여러분의 앱에 적합한 날짜 피커 스타일을 선택하세요. macOS에는 텍스트 스타일과 그래픽 스타일의 두 가지 날짜 피커 스타일이 있습니다. 텍스트 스타일은 공간이 제한적일 때와 사람들이 특정 날짜와 시간을 선택할 것으로 예상될 때 유용합니다. 그래픽 스타일은 달력에서 날짜를 찾아보거나 날짜 범위를 선택하거나, 시계 페이스의 모양이 앱에 적합할 때 유용합니다.
→ 앱에 적합한 날짜 피커 스타일을 선택해라
Pickers are available in tvOS with SwiftUI. For developer guidance, see Picker.
피커는 SwiftUI가 설치된 tvOS에서 사용할 수 있습니다. 개발자 지침은 선택기를 참조하세요.
Pickers display lists of items that people navigate using the Digital Crown, which helps people manage selections in a precise and engaging way.
피커는 사용자가 디지털 크라운을 사용하여 탐색하는 항목의 목록을 표시하므로 사용자가 정확하고 매력적인 방식으로 선택 항목을 관리할 수 있습니다.
A picker can display a list of items using the wheels style. watchOS can also display date and time pickers using the wheels style. For developer guidance, see Picker and DatePicker.
선택기는 휠 스타일을 사용하여 항목 목록을 표시할 수 있습니다. watchOS는 휠 스타일을 사용하여 날짜 및 시간 선택기를 표시할 수도 있습니다. 개발자 지침은 선택기날짜 선택기를 참조하세요.
You can configure a picker to display an outline, caption, and scrolling indicator.
개요, 캡션 및 스크롤 표시기를 표시하도록 피커를 구성할 수 있습니다.
For longer lists, the navigation link displays the picker as a button. When someone taps the button, the system shows the list of options. The person can also scrub through the options using the Digital Crown without tapping the button. For developer guidance, see navigationLink.
긴 목록의 경우 탐색 링크에 피커가 버튼으로 표시됩니다. 사용자가 버튼을 탭하면 시스템에 옵션 목록이 표시됩니다. 버튼을 탭하지 않고도 디지털 크라운을 사용하여 옵션을 스크러빙할 수도 있습니다. 개발자 지침은 'navigationLink`를 참조하세요.
→ 긴 목록의 경우 탐색 링크에 피커가 버튼으로 표시된다
Picker — SwiftUI
UIDatePicker — UIKit
UIPickerView — UIKit
NSDatePicker — AppKit

Change log

작성 날짜
작성자
수정사항
2023/11/13
조엘
초기 번역
2023/12/26
조엘
배포