이 페이지는 Cloud Translation API를 통해 번역되었습니다.

선택 도구

선택 도구는 사용자가 특정 데이터를 선택하고 설정하는 데 도움이 됩니다.

선택 도구

선택 도구를 사용하면 사용자가 제한된 수의 항목 중에서 선택할 수 있습니다.

기본적으로 항목은 양방향으로 무한 반복됩니다. 목록의 순서가 중요한 경우 또는 사용자가 빠른 스와이프로 첫 번째 및 마지막 요소에 도달할 수 있도록 하려면 이 동작을 사용 중지하는 것이 좋습니다.

분석

구성

A. 비활성 열
B. 콜론 브레이커
C. 선택 도구 열
D. 인기 페이지
E. 중간 콘텐츠
F. 하단 콘텐츠

너비 및 높이

선택 도구 그룹은 사용 가능한 높이와 너비를 채웁니다. 선택 도구 열에는 네 가지 레이아웃 옵션이 있습니다. 각 레이아웃은 중앙에 배치되고 사용 가능한 높이를 채웁니다. 열 너비는 글꼴에 필요한 자릿수를 수용하는 데 필요한 너비로 정의됩니다. 날짜 선택기는 예외입니다. 가로로 화면을 채우고 가장자리를 벗어납니다.

예를 들어 숫자는 너비를 '00'으로 나눈 다음 너비를 설정합니다. 예를 들어 텍스트 필드의 경우 월 필드의 경우 라틴 알파벳에서 가장 넓은 문자인 'MMM'의 너비로 계산됩니다. 따라서 너비와 높이 (사용된 해당 유형 스타일의 행 높이)는 사용되는 글꼴의 영향을 받습니다.

선택 도구 항목은 중단점 전반에 걸쳐 크기가 다양합니다.

사용

날짜 및 시간 선택 도구의 다음 예를 참고하세요.

사전 빌드된 날짜 및 시간 선택 도구 구현은 GitHub의 Horologist 라이브러리를 참고하세요.

사용자가 여러 선택 도구에서 여러 부분으로 구성된 값을 선택하는 유사한 환경을 만들려면 기본 제공되는 PickerGroup 구성요소를 사용하세요. 이 객체는 포커스 코디네이터 객체를 사용하여 올바른 선택 도구 요소에 포커스를 할당합니다.