步进器

包含：一个增加按钮，一个减少按钮和一个有按钮控制的数值组成。
每次点击增加按钮/减少按钮，数字增长/减少的数量是恒定的。

image.png

使用规范
1.适用于数值精确的小范围调整
移动端，ios普遍使用Picker（拾取器/波轮选择器）解决多选一的问题，Android则是用Dropdown menu（下拉菜单）或者Dialog（对话框）。但对于数值型数据（商品数量、投资比率、人数等等）的精确小范围调整，stepper适合，直观（机票预订用stepper选择乘客人数）。
2.注意默认值和上限与下限
选择一个合理但默认值能帮助用户减少点击次数，提升操作效率。如果默认值离用户的目标数值越远，需要点击的次数就会越多。
考虑数值但上限与下限，在到达限制后禁用相关按钮。

image.png
3.数字快捷修改
如果对数值有大幅度调整但需求，可将数字改造成输入框，通过调出键盘快捷大幅度精确修改

注意：PC端的步进器由于点击区域小且不易操作，而且每次点击后的数字变化太小，不如直接改输入框来的方便。国外有案例奖stepper和slider（滑块）结合成Sliding Stepper，加和减合并为一个按钮，点击后出现垂直滚动条，通过操作滚条，调整数值会更快幅度变化。

image.png

移动端也采用Slider滑块来进行数值的选择（手机中音量，亮度调节），一般水平放置。

image.png