


1/4
Day 12 · Switch 开关:两种状态,点了就生效
June 21, 2026 · 9:13 AM
Gallery
Switch / Toggle 用来表达一对相反状态,最常见就是开 / 关。Material Design 把它放在设置类选项里使用,并强调状态要一眼可见;Apple HIG 也把 Toggle 定义为在一对相反状态之间选择。1 2
Switch 最容易和 Checkbox 混。Ant Design 的边界说得很直接:Switch 切换后会立刻触发状态变化;Checkbox 更常用于先标记,再配合提交动作一起生效。Radio 则是另一类问题:它处理的是一组互斥选项里选一个。3
常见形态可以先记 4 个:基础开关、带文字 / 图标、小尺寸、加载 / 禁用。实际设计时,图标和文字只在能提高状态识别时使用;如果只是为了装饰,反而会让开关变吵。
判断口诀:二选一 + 立即生效,才是 Switch。
- 适合:通知、定位、深色模式这类单项设置。
- 不适合:多于两种状态、需要提交确认、或一组选一个的互斥选择。
下一期想继续看 Slider,还是 Date Picker?

Comments