Slider 滑块

/SLY-der/ · noun · 输入类模式 · #054

沿轨道拖动的滑钮,在范围里凭感觉取值。适合「差不多就行」的设置;一旦数值要精确,它就是灾难。

Slider(滑块) UI 模式示例:CatchUI 图鉴标本

你可能会这样叫它

  • “拖动条”
  • “音量滑动条”
  • “可以拖动的圆点”
  • “范围滑块”
  • “亮度调节条”

……它的名字是 滑块(Slider)。

代码里叫什么

SwiftUISlider
UIKitUISlider
Jetpack ComposeSlider RangeSlider
Android (Views)Slider RangeSlider
FlutterSlider RangeSlider
Web (HTML)<input type="range">

复制给 AI 编程工具

为这个数值加一个滑块:一条横向轨道加可拖动的圆形滑块,在最小值和最大值之间;轨道已填充的部分表示当前值,旁边显示具体数值。如果只有特定值有意义就设置步长。方向键每次调整一步,滑块的触控区域至少 44 px,读屏软件要能播报当前值(网页上用 <input type="range">)。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)