目录
步进器
2021年7月13日

当我们对输入框内,已录入数值,执行微调修正时,常常会用到步进器(Steppers)。步进器属于输入控件的一种,最早被应用于PC端产品设计中。

在移动端产品设计中,iOS系统同样引入了步进器(Steppers)控件,其工作原理是通过点击两个前景图标分别为“+”和“-”的按钮,来调节已录入数值。


步进器按照其功能特性不同,可划分为两种类型,一类是通用型步进器,一类为输入型步进器


通用型步进器

通用型步进器主要由调节数值减少的按钮(A)、调节数值增加的按钮(B)和数值(C)构成


使用通用型步进器时,其数值可调节范围通常比较小,用户可以通过使用增加和减少按钮,对录入数值进行修正



输入型步进器

输入型步进器主要由调节数值减少的按钮(A)、调节数值增加按钮(B),数值(C)和输入框(D)构成


输入型步进器和通用步进器的最大区别是其支持调用键盘,完成数值录入,当步进器的显示数值和目标录入数值相差很大时,通常我们会考虑使用输入型步进器,来完成方案设计。




交互状态

步进器在使用过程中,常见的交互状态总结如下





使用禁忌

以下是步进器在使用过程中,常见的错误用法


错误1:当录入达到极限值时,无明确反馈

步进器的录入数值达到最大或者最小值时,须有明确的告知反馈。





错误2:当录入达到极限值时,按钮状态错误

当步进器录入达到极限数值时,按钮需要有明确的不可用状态示意。