내보내기(0) 인쇄
모두 확장

Windows Phone용 CheckBox 컨트롤 디자인 지침

2013-12-05

적용 대상: Windows Phone 8 | Windows Phone OS 7.1

CheckBox 컨트롤을 사용하면 두 가지 반대 상태(일반적으로 "켜기" 및 "끄기") 중에서 선택할 수 있습니다.

UI_CheckBox

CheckBox 컨트롤

이 항목에는 다음 단원이 포함되어 있습니다.

CheckBox 컨트롤은 현재 적용된 값을 나타냅니다. 사용자가 탭하면 반대 값으로 전환됩니다.

참고참고:

CheckBox 컨트롤은 RadioButtonListBox 컨트롤과 일부 특징을 공유하지만 용도는 서로 다릅니다.

CheckBox 컨트롤은 이진 상태를 정의하는 데 사용되며 그룹으로 사용하여 여러 개 선택 항목을 표시하여 사용자가 하나 이상의 항목을 선택하도록 할 수 있습니다. 사용자는 CheckBox 컨트롤이나 해당 텍스트를 탭하여 옵션을 선택할 수 있습니다. 이 컨트롤은 기본 항목에 대해 선택됨 및 선택되지 않음 상태를 동시에 전송하는 데 사용할 수 있는 미정 상태를 지원합니다. CheckBox 컨트롤은 선택 및 선택 해제된 설정 모두에 대해 해제, 누름 및 비활성 상태를 지원합니다. 포커스 상태를 볼 수 없습니다.

여러 CheckBox 컨트롤을 그룹으로 사용하여 여러 값을 표시하고 한 번에 여러 값을 선택할 선택 항목을 사용자에게 제공할 수 있습니다. 여러 값을 표시하지만 사용자가 한 번에 하나의 값만 선택하도록 제한하려는 경우 그룹화된 RadioButton 컨트롤을 대신 사용합니다.

단일 CheckBox 컨트롤을 사용하면 앱의 서로 다른 상태를 반영하는 두 가지 명백한 반대 선택 항목을 제공할 수 있습니다. 선택 항목이 함께 사용할 수 없지만 여러 옵션 중 하나의 선택인 경우 보다 유연성 있는 RadioButton 또는 ListBox 컨트롤을 사용합니다.

CheckBox 컨트롤은 흔히 그룹으로 사용되며, 이 경우 두 개 이상의 옵션을 한 번에 선택할 수 있습니다.

CheckBox 컨트롤을 단독으로 사용할 경우 두 상태 중 하나의 선택 항목이나 자연 반대인 선택 항목을 제공할 수 있습니다. CheckBox 컨트롤을 사용하여 다른 관련 컨트롤을 동일한 뷰에서 사용할 수 있거나 사용할 수 없도록 만들 수 있습니다. 사용자에게 명확한 선택 항목을 표시하려면 항상 CheckBox 컨트롤을 사용합니다.

CheckBox 컨트롤을 단독 또는 종속된 그룹으로 사용하는지에 관계없이 목적과 현재 상태를 명확하게 합니다. 이러한 목적을 위해 다음 사항에 주의합니다.

  • CheckBox 컨트롤을 사용하여 동일한 뷰에서 다른 종속된 UI 요소의 가용성(또는 상태)을 변경할 수 있습니다.

  • 브랜드 지침에 별도로 지정된 경우가 아니면 항상 시스템 글꼴을 사용합니다.

  • 쉽게 이해할 수 있는 방식으로 설정을 전달하기 위해 한 줄 또는 두 줄 형식으로 CheckBox 컨트롤에 텍스트를 제한하는 것이 좋습니다. CheckBox 컨트롤에 대한 간결한 레이블을 생성하기가 어려우면 옵션을 RadioButton 또는 ListBox 컨트롤로 나눕니다.

  • 여러 개 선택 항목을 제공해야 하는 경우에는 ScrollViewer 컨트롤을 사용하고 StackPanel 컨트롤을 추가하는 것을 고려해 보세요.

  • 실제로 선택되었거나 선택 해제된 기본 속성 항목이 어느 것인지에 대해 사용자에게 혼동을 줄 수 있으므로 가급적이면 미정 상태는 사용하지 마세요. 보다 적절한 방법은 CheckBox 컨트롤을 별도의 CheckBox 컨트롤에 대한 데이터 소스를 매핑하거나 다중 선택 목록(특히 동적 데이터 집합이 사용되는 경우)을 사용하는 것입니다.

다음은 CheckBox 컨트롤의 적절한 사용과 부적절한 사용의 예입니다.

틀림

맞음

UX_CheckBox_Landscape_Bad

UX_CheckBox_DontShowAgain_Good

이 예제에서 CheckBox 컨트롤은 가로 방향의 반대 선택 항목이 명확하지 않으므로 올바른 컨트롤이 아닙니다. 이 경우 CheckBox 컨트롤 대신에 RadioButton 컨트롤을 사용합니다.

이 예제에서 CheckBox 컨트롤이 사용자에게 명확한 선택 항목을 제공하므로 이 옵션에 적합한 컨트롤입니다.

표시:
© 2015 Microsoft