← 返回全部术语
点击与键盘焦点 / TERM 143

滑动开关Toggle Switch

一拨开关,圆钮滑到另一边。

143
LIVE PREVIEW
CLICK / TAP
✓ DONE✦ ✧ ✦
滑动开关
✦   MOTIONLEX

01 这个效果是什么

二元设置的圆钮位置和底色同步变化,表达开与关。

02 可以这样告诉 AI

设置开关点击或按空格后立即更新状态,圆钮在 180ms 内滑到对应一侧;标明当前开关含义。

03 做好后看什么

  • 视觉位置与实际 on/off 一致
  • 键盘和触屏有等效操作