开关#

../../_images/switches.png ../../_images/switches-dark.png

开关可用于控制具有明确的开/关逻辑的功能、设置或硬件。

何时使用#

开关类似于现实世界的控件,这种现实世界的对应关系可以用作开关使用时机的指导。

总的来说,开关比复选框更受欢迎,因为它们提供了更大的点击目标,通常更适合现代 UI 布局,并且更具操作性。但是,如果开关似乎不合适,仍然可以使用复选框。

仅使用开关来控制具有明确二元性质的选项。如果开关标签无法充分说明控件两种状态的作用,则单选按钮可能是一个更好的选择。

通用指南#

  • 使用标题大写的名词来标记开关。例如,自动定位通知

  • 为标签提供访问键,以便用户可以使用键盘来聚焦控件。

开关状态#

开关的活动/非活动状态通过其背景颜色来传达,并且可以独立于实际开关位置进行更改。这可用于传达服务或功能已开启,但尚未启动的情况。当切换开关和产生效果之间存在延迟时,此技术特别有用。

如果某个功能已被禁用或不可用,最好使开关失效,因为这样可以避免暗示服务应该响应用户操作。

API 参考#