확인란에 대한 지침

Applies to Windows and Windows Phone

Windows 앱: 확인란 상태

Windows 앱: 확인란 상태

Windows Phone 앱: 확인란 상태

Windows Phone 앱: 확인란 상태

설명

일반적으로 확인란을 사용하여 두 개별 옵션과 반대 옵션 사이의 선택을 등록할 수 있습니다. 예를 들어 뉴스레터를 구독할지, 목록에서 각 메일을 선택할지 여부를 선택할 수 있습니다. 드물긴 하지만 확인란이 선택 취소되거나 선택된 상태가 아니지만 확정되지 않은 상태인 경우도 있습니다. 예를 들어 확인란을 선택한 상태에서 혼합된 값이 있는 하위 선택 모음이 표시되는 경우 확인란은 확정되지 않은 상태입니다.

사용자가 조작한 것처럼 확인란의 상태와 모양을 변경하여 피드백을 제공합니다. 예를 들어 확인란은 보통, 누름, 선택 취소함, 선택함, 사용 안 함 상태 중 하나입니다.

확인란을 탭하면 반대 값으로 전환됩니다.

예제

표준 확인란 컨트롤을 보여 주는 스크린샷

올바른 컨트롤입니까?

확인란을 사용하여 사용자에게 이진 선택, 함께 사용할 수 있는 하나 이상의 옵션 또는 혼합 선택을 제공합니다.

이진 예 또는 아니요를 선택하려면 단일 확인란을 사용합니다.

개별 선택에 사용되는 단일 확인란

이진 선택의 경우 확인란과 전환 스위치의 주요 차이점은 확인란은 상태에 대한 것이고 전환 스위치는 동작에 대한 것이라는 점입니다. 확인란 상호 작용(예: 양식 전송)의 커밋은 연기할 수 있지만 전환 스위치 상호 작용은 즉시 커밋해야 합니다. 또한 다중 선택에는 확인란만 사용할 수 있습니다.

사용자가 옵션 조합을 선택할 수 있는 경우 확인란 그룹을 만듭니다.

확인란으로 여러 가지 옵션 선택

라디오 단추 그룹이 단일 선택 항목을 나타내는 라디오 단추와 달리 그룹의 각 확인란은 별개의 독립 선택 항목을 나타냅니다. 둘 이상의 옵션이 있지만 하나만 선택할 수 있는 경우 대신 라디오 단추를 사용합니다.

옵션이 둘 이상의 개체에 적용되는 경우 확인란을 사용하여 해당 옵션이 이러한 개체의 전부 또는 일부에 적용되는지 아니면 아무 개체에도 적용되지 않는지 여부를 나타낼 수 있습니다. 옵션이 모든 개체가 아닌 일부 개체에 적용되는 경우 확인란의 확정되지 않은 상태를 사용하여 혼합 선택을 나타냅니다. 혼합 선택의 한 예로 사용자가 특정 항목을 선택하고 해당 항목의 일부 하위 항목을 선택하지 않으면 불확실한 상태가 되는 "모두 선택" 확인란을 들 수 있습니다.

혼합 선택을 표시하는 데 사용되는 확인란

자세한 내용은 다음을 참조하세요.

권장 사항 및 금지 사항

  • 확인란의 목적과 현재 상태가 명확한지 확인합니다. 확인란의 선택을 취소하여 기능이 정확한지 확인합니다. 예를 들어 가로 방향에 대한 확인란을 사용할 경우 확인란을 선택 취소해도 세로 방향으로 전환되지는 않습니다. 대신 가로 및 세로의 두 라디오 단추를 사용할 수 있습니다.
  • 확인란의 텍스트 콘텐츠를 두 줄 이내로 제한합니다.
  • 확인 표시가 있으면 true를 반환하고 확인 표시가 없으면 false를 반환하는 문으로 텍스트 콘텐츠를 작성합니다.
  • 브랜드 지침에 다른 글꼴을 사용하도록 규정되어 있지 않은 경우 기본 글꼴을 사용하세요.
  • 선택 항목이 여러 개 있는 경우 레이아웃 패널이 내부에 있는 스크롤 뷰어 컨트롤을 사용하는 것이 좋습니다.
  • 레이블을 클릭하면 확인란이 전환되도록 레이블 내 확인란을 확인란으로 묶습니다. 이렇게 하면 선택 영역의 크기가 증가하고 터치 사용자가 확인란에 더 쉽게 액세스할 수 있습니다.

  • 불확실한 상태를 사용하여 옵션이 특정 개체에는 설정되었지만 해당 개체의 일부 하위 항목에는 설정되지 않았음을 나타냅니다.

  • 불확실한 상태를 사용할 때는 하위 확인란을 사용하여 선택된 옵션과 선택되지 않은 옵션을 나타냅니다. 하위 항목을 표시할 수 있도록 UI를 디자인합니다.

  • 텍스트 콘텐츠가 동적인 경우 컨트롤 크기를 조정하는 방법과 주위의 시각적 모양을 고려하세요.
  • 두 확인란 그룹을 나란히 배치하지 마세요. 어떤 옵션이 어떤 그룹에 속하는지 알 수 없습니다. 그룹 레이블을 사용하여 그룹을 분리합니다.

  • 확인란을 설정/해제 컨트롤로 사용하거나 명령을 수행하는 데 사용하면 안 됩니다. 대신 전환 스위치를 사용합니다.

  • 확인란을 대화 상자와 같은 다른 컨트롤을 표시하는 데 사용하면 안 됩니다.
  • 확정되지 않은 상태를 사용하여 세 번째 상태를 나타내지 마세요. 확정되지 않은 상태는 옵션이 하위 항목 전부가 아닌 일부에 대해서만 설정되었음을 나타내는 데 사용됩니다. 따라서 사용자가 확정되지 않은 상태를 직접 설정할 수 없도록 합니다.

    예를 들어 이 확인란을 사용하여 중간 양념을 나타내기 위해 불확실한 상태를 사용하면 안 됩니다.

    확정되지 않은 상태 확인란

    대신 안 매운 맛, 매운 맛, 아주 매운 맛 등 세 가지 옵션을 포함한 라디오 단추 그룹을 사용하세요.

    안 매운 맛, 매운 맛, 아주 매운 맛 등 세 가지 옵션을 포함한 라디오 단추 그룹

관련 항목

디자이너용
단추에 대한 지침
라디오 단추에 대한 지침
선택 컨트롤에 대한 지침
토글 스위치에 대한 지침
개발자용(HTML)
빠른 시작: 확인란 컨트롤 추가
확인란 컨트롤의 스타일을 지정하는 방법
input type="checkbox"
indeterminate property
개발자용(XAML)
확인란을 추가하는 방법
CheckBox 스타일 및 템플릿
CheckBox
Indeterminate event

 

 

표시:
© 2014 Microsoft