开关用于在“开启 / 关闭”（选中 / 未选中）两种状态之间切换某个项目。

一. 概览（Overview）

1. 设计要求

• 当列表中的每一项都可以单独控制时，应使用开关（而不是单选按钮）。
• 开关是让用户调整设置的最佳方式。
• 要确保开关当前是开还是关，用户一眼就能看出来。

2. 与M2区别

• 无障碍：视觉呈现更加易于感知，更符合无障碍要求。
• 颜色：新的颜色映射在兼容动态色彩的同时，也满足 Material 对非文本元素对比度的要求。
• 图标：支持在开关的滑块中可选地加入图标。
• 布局：开关轨道的高度和宽度都比以前更大。

二. 规格（Specs）

1. 颜色

颜色数值是通过设计令牌（design tokens）来实现的。对设计师来说，这意味着你在使用的颜色，其实都是和某个令牌一一对应的颜色值。对开发实现来说，颜色是以“令牌”的形式存在，而令牌内部再去引用具体的颜色数值。

用于浅色和深色主题的开关颜色角色：①最高层级表面容器、② 描边、③ 描边、④ 主色、⑤ 主色上的前景色、⑥ 主色容器上的前景色

相邻文本标签颜色

紧挨着开关的文本标签，应使用表面前景色（on surface）这个颜色角色。即使用户与标签或组件交互，这个颜色也保持不变。靠近开关的主体大号文字使用 表面前景色（on surface）颜色角色，而普通正文文字则使用 表面前景辅助色（on surface variant）"。

主标签文字使用 “表面前景色（on surface）”，辅助说明文字可以使用 “表面前景辅助色（on surface variant）”。

2. 状态

状态是一种视觉呈现方式，用来表达组件或可交互元素当前所处的状态。

① 启用（Enabled）、② 悬停（Hover）、③ 聚焦（Focus）、④ 按下（Pressed）、⑤ 禁用（Disabled）

3. 尺寸 / 测量值