一个很好的替代滑块的数值列表
我想让用户选择一个数值范围(0-1000),其中5的任何倍数都是可以接受的。通常对于这类事情滑块将是完美的-只需以最小值为0,最大值为1000的方式实现它,它有一
解答动态
一个滑块和一个微调器(数字步进器)的组合怎么样?
这是怎么工作的?我很高兴你问…
你的值列表实际上是一个数组。因此,它只对数组的索引起作用,而不是滑块有一个值列表。因此,如果数组中有10个值,则滑块处理值0-9。这解决了您的技术问题,因为这些步骤现在是一致的(1步)。
当用户更新滑块时,这将通过使用与数组中的索引匹配的值来更新数字微调器。例如,如果滑块设置为quot;,则微调器将设置为quot;,因为这是数组中第4个索引处的值(基于0)。
数字微调器应实现为仅允许数组中的有效数字。当微调器被更新时,滑块值也应该被更改以反映。
我认为这种方法给用户提供了一种选择有效值的简单方法。滑块允许快速选择,如果滑块变得太敏感(很多值),微调器允许微调。
I还应该指出一件重要的事情。。。你所允许的数字似乎很随机,至少从你提供的有限信息来看。我建议您检查您的设计,以确保清楚为什么不允许某些值。这在很大程度上取决于您对该功能的了解,因此我不能建议您这样做,请确保用户理解这些看似随机的数字的原因。众所周知,
滑块很难用于精确的数字选择,更不用说从位置到数字的映射不是线性的了。
另一种选择是使用嵌套或分组下拉列表,将可能的选项拆分为大致相等的高阶和低阶范围。这可能类似于您将一长串按字母顺序排序的单词拆分为以a到d、E-K、L-R、S-Z或类似开头的单词的方式。
如果相关的话,这种排列方式还可以帮助用户查看围绕值的可用数据(或数据间隙)的概述,如果你使用一个滑动条,你不会得到的东西。
一个连接到listbox 的滑动条怎么样(请注意,以下图像很花哨,不适合心虚的人:))
or
允许使用滑块进行粗略选择,并使用listbox进行微调。
如果您使选定的值可编辑,并且更改将滑动滑块并移动到listbox
中的适当舍入值,则会获得额外的点数(换句话说,此概念与musefan的答案,但伴随着钟声和口哨)
P.s.:如果你有一个只支持连续值范围的滑块,你可以通过给列表中的每个值一个索引并通过滑块选择这个索引来伪造它。
I.E.:
可能值的列表:[0,5,10,15,25,50,…]滑块在索引[0,1,2,3,4,5,…] 如果用户选择50,它是数组中的第六个值,滑块的值设置为5
如果用户将12写入“列表框”,则选择最接近的适当值(10,它是数组中的第三个值,滑块设置为2)
I,类似于(并且亲自实现)musefan答案中描述的控件类型。这种控制有其优点和缺点,需要仔细考虑怨恨:
用户是否能很好地与网站匹配最接近的可接受值(向上舍入或向下舍入,取决于哪个提供更好的用户体验)?
如果是这样,这就为这种情况提供了一个最简单、最明显的用户界面:一个基本的数字输入字段。
然后用户可以输入他们想要的任何值,网站可以调整到适当的可接受值。
根据上下文,这可能需要一个反馈机制来通知用户他们的值正在被调整到最接近的有效值。这可以使用输入框旁边的动态文本字段来执行,以通知用户要使用的实际值。如果典型的用户经验丰富,并且知道所有可接受的值,那么可以使用一个简单的对话框或动态显示区域来通知用户将对其输入进行调整。此对话框或动态区域也可用于允许用户通过使用直观的“向下舍入”和“向上舍入”按钮来指定要向下舍入还是向上舍入。
这些技术的优点之一是实现起来非常简单且经济高效,因为它们不需要设计和开发自定义控件。
对于我来说,组合框是“允许值的集合列表”的控件;.
使用一个组合框,该组合框根据键入的值筛选值,这样就可以显示输入上下最近的值。
这样,除了用户需要时,下拉列表中就不会显示任何内容。
如果需要,可以将其与滑块组合,以“探索”可能的值。
如果确实需要不想下拉列表,使其成为一个有一个以上的搜索字段。- End
免责声明:
本页内容仅代表作者本人意见,若因此产生任何纠纷由作者本人负责,概与琴岛网公司无关。本页内容仅供参考,请您根据自身实际情况谨慎操作。尤其涉及您或第三方利益等事项,请咨询专业人士处理。