ViboDesign
收信息

开关

Switch

如果你管它叫……
那个滑动按钮开和关的拨片像手机设置里的开关左右一拨就切换绿色灰色切换块
LIVE DEMO真实可交互,动手试试
邮件通知
英文名
Switch
别名 · 俗称
拨动开关滑动开关开/关切换Toggle
Web 叫法
Switch
大白话定义
表示某个状态此刻开着还是关着,点一下就立刻切换生效,不用再点提交。
部位拆解
  • 轨道 Track开关的底座,通常会变色
  • 滑块 Thumb左右移动的小圆点
  • 状态 Label告诉用户这是开什么功能
提示词
Web

做一个通知开关(Switch):默认关闭,打开后轨道变主色,切换立刻生效,不需要提交按钮

调试 Prompt

调试我的开关(Switch)。逐一排除:视觉变了但没有同步到 checked 状态;点击标签不触发开关;关闭和开启颜色对比太弱看不出状态;键盘空格不能切换。症状是:

开关 Switch 是什么?UI 视觉词典 · ViboDesign