토글 스위치 컨트롤에 대한 지침

Applies to Windows and Windows Phone

표준 토글 스위치 컨트롤의 모양 샘플

설명

토글 스위치는 사용자가 켜거나 끌 수 있는 물리적 스위치와 유사합니다. 이 컨트롤에는 켜짐(checked가 true임) 및 꺼짐(checked가 false임)의 두 가지 상태가 있습니다. Windows 스토어 앱에 전환 스위치 컨트롤을 추가하려면 다음 지침을 따르세요.

예제

표준 토글 스위치 컨트롤을 보여 주는 스크린샷

올바른 컨트롤입니까?

전환 스위치는 사용자가 변경하면 바로 적용되는 둘 중 한 가지 선택 옵션에 사용합니다. 예를 들어, 서비스 또는 하드웨어 구성 요소를 켜거나 끌 때 전환 스위치를 사용합니다.

전환 스위치의 예

전환 스위치를 사용할지 여부를 테스트하려면 사용자의 상황에서 작업을 수행하기 위해 물리적 스위치를 사용할 것인지 여부를 생각해 봅니다.

전환 스위치를 켜거나 끈 직후 해당 작업을 수행하게 됩니다.

전환 스위치와 확인란 중 선택

전환 스위치와 확인란 중 선택

전환 스위치를 사용할 경우도 있고 확인란을 사용할 경우도 있습니다. 둘 중에서 선택하려면 다음 지침을 따르세요.

  • 사용자가 변경하면 바로 적용되는 둘 중 한 가지 선택 옵션에는 전환 스위치를 사용합니다.

    전환 스위치 및 확인란

    무선 기능을 켜기로 설정한 전환 스위치의 경우가 이에 해당합니다. 그러나 확인란에서는 무선이 현재 켜져 있는지 또는 무선을 켜기 위해 확인란을 선택해야 하는지에 대해 생각할 필요가 없습니다.

  • 변경 사항을 적용하려면 추가 단계를 수행해야 하는 경우에는 확인란을 사용합니다. 예를 들어, 사용자가 '전송' 또는 '다음' 단추를 클릭하여 변경 사항을 적용해야 하는 경우에는 확인란을 사용합니다.

    확인란 및 전송 단추
  • 사용자가 여러 개의 항목을 선택할 수 있는 경우에는 확인란 또는 목록 보기를 사용합니다.

    여러 항목이 선택된 확인란

권장 사항 및 금지 사항

  • 설정에 더 적합한 레이블이 있는 경우 켜짐 및 꺼짐 레이블을 바꿉니다. 특정 설정에 더 적합한 두 개의 상반되는 옵션을 나타내는 3-4자의 짧은 레이블이 있는 경우에는 해당 레이블을 사용합니다. 예를 들어 설정이 "이미지 표시"인 경우 "표시/숨기기"를 사용할 수 있습니다. 더 구체적인 레이블을 사용하면 UI를 지역화하는 데 도움이 될 수 있습니다.
  • 필요한 경우가 아니면 켜짐 및 꺼짐 레이블을 바꾸지 마세요. 설정에 더 적합한 레이블이 있는 경우가 아니면 기본 레이블을 사용해야 합니다.
  • 레이블이 3-4글자보다 길지 않게 합니다.

관련 항목

디자이너용
ToggleSwitch
단추에 대한 지침
라디오 단추에 대한 지침
확인란에 대한 지침
슬라이더에 대한 지침
선택 컨트롤에 대한 지침
개발자용(JavaScript 및 HTML로 작성한 Windows 런타임 앱)
WinJS.UI.ToggleSwitch object
ToggleSwitch.checked property
WinJS.UI.ListView object
개발자용(C#/VB/C++ 및 XAML로 작성한 Windows 런타임 앱)
ToggleSwitch class

 

 

표시:
© 2014 Microsoft