선택 컨트롤에 대한 지침(Windows 스토어 앱)

select 컨트롤을 사용하면 텍스트 레이블이 포함된 항목 집합에서 값을 한 개 또는 여러 개 선택할 수 있습니다. select 컨트롤에는 드롭다운 목록 모드와 목록 상자 모드 두 가지가 있습니다.

올바른 컨트롤입니까?

select 컨트롤을 사용하면 한 줄의 텍스트로 적절히 표현할 수 있는 항목 집합에서 하나 이상의 값을 선택할 수 있습니다.

여러 줄의 텍스트 또는 이미지를 포함한 항목을 표시하려면 select 컨트롤을 사용하지 마세요. 대신 ListView를 사용합니다.

항목이 8개 이하이면 라디오 단추(한 항목만 선택할 수 있는 경우) 또는 확인란(여러 항목을 선택할 수 있는 경우)을 사용합니다.

select 컨트롤에는 드롭다운 목록 모드와 목록 상자 모드 두 가지가 있습니다.

이 모드에서 선택 컨트롤은 현재 선택된 항목만 표시하여 화면 공간을 절약합니다.

드롭다운 목록 모드의 선택 컨트롤

다른 선택 가능한 항목을 보려면 화면을 탭하여 드롭다운을 열어야 합니다. 이 모드에서는 사용자가 하나의 항목만 선택할 수 있습니다.

선택 항목이 앱 흐름에서 두 번째로 중요한 경우 이 모드를 사용합니다.

대부분의 상황에서 대부분의 사용자에게 기본 옵션이 권장되는 경우 목록 상자 모드를 사용하여 모든 항목을 표시하면 필요 이상으로 옵션에 주의를 집중시킬 수 있습니다. 드롭다운 목록 모드를 사용하여 공간을 절약하고 주의 분산을 최소화할 수 있습니다.
공간을 절약해야 하는 경우 이 모드를 사용합니다.

select 컨트롤의 드롭다운 목록 모드를 사용하여 화면 공간을 절약합니다. 드롭다운 목록 모드를 사용하면 더 적은 공간에서 다양한 선택 항목을 사용자에게 제공할 수 있습니다.

이 모드에서는 select 컨트롤이 항상 열려 있으며 추가 상호 작용 없이도 모든 항목을 표시합니다. 이 모드는 단일 선택과 다중 선택을 모두 지원합니다.

이 모드를 사용할 때는 사용자가 이동하거나 스크롤하지 않고도 모든 항목을 표시할 수 있게 select 컨트롤의 크기를 충분히 넓게 설정합니다.

이 모드는 항목이 10개 이하이고 그 항목들이 즉시 표시해야 할 만큼 중요한 것일 때 사용합니다.
이 모드는 다중 선택에 사용합니다.

항목이 10개 이하이고 즉시 표시되어야 한다면 목록 상자 모드를 사용합니다. 항목이 10개 이상이고 다중 선택을 활성화하려면 ListView를 사용합니다.

다음은 목록 상자 모드에서 select 컨트롤의 적절한 사용을 보여 주는 예제입니다.

이 예제에서는 몇 가지 항목만 선택할 수 있습니다. 이러한 항목은 단순하지만 앱 자체에는 중요합니다. 인라인 모드를 사용하면 선택 가능한 옵션이 항상 표시됩니다.

인라인 모드의 목록 상자