开关输入
它表示一个设置当前是开还是关,用户切换后通常会立即生效。
- 左右拨一下就开或关的东西
- 像灯开关一样的滑块
- 点了马上从关变开的按钮
- 切换开关
- 布尔开关
- 状态开关
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Switch
也叫 Toggle
网页没有专门的原生开关元素,通常用复选框语义配合开关外观和切换状态。
通常怎么做:优先使用 checkbox;自定义外观时保留可聚焦输入并正确暴露开关状态。
iOS原生支持
iOS / iPadOS
Toggle
也叫 Switch
SwiftUI: Toggle|UIKit: UISwitch
Android原生支持
Android 手机 / 平板
Switch
Compose Material 3: Switch
使用规范
什么时候用
- 切换一个会立即生效的二元设置,并需要持续显示当前状态
什么时候别用
- 提交整张表单后才生效的选择,或操作会产生难以撤销的后果
给 AI 的提示词
这条词条还没有经过验证的实现提示词。