相对百分比UI控件

时间:2009-02-04 14:52:08

标签: user-interface custom-controls

我需要用户设置一些百分比值,这些值应始终加起来为100%。有什么标准方法可以实现这个目标?我想出了以下内容:

1)为您需要设置的每个值都有一个标准滑块控件。移动一个滑块将自动调整所有其他滑块,因此总和将始终为100%。您可以通过旁边显示的复选框修复单个滑块。只剩下剩余的“免费”滑块可以调节。

Pro:完全由用户已经知道的标准小部件组成

Con:很多小部件,使用了大量的屏幕空间,当你有很多滑块并且因此百分比值较低时看起来很难看,归一化到100%并不是很明显。

2)有一个带有几个滑动旋钮的滑块控件。

Pro:标准化是隐含且明显的,因为滑块的长度是固定的,相对重量很容易看一眼

Con:非标准,旋钮可以轻松互相重叠,旋钮不易修复,没有明显的位置为每个间隔/百分比放置文本/数字表示

3)显示标准饼图。

Pro:归一化是隐含且明显的,相对权重很容易看出

Con:交互式使用非标准,难以进行直观的切片调整工作,无法为每个切片放置文本/数字表示

4)......?

我对这些中的任何一个都不满意,因此我的问题在这里。有更好的想法吗?我在富客户端客户端(即非网络)上处理3-10个单独的百分比值。

欢呼声,

Sören

3 个答案:

答案 0 :(得分:1)

垂直滑块怎么样?像混音器一样。我认为它看起来比10个水平滑块列表好很多。

或固定宽度条上有几个滑块,如果你知道的话,有点像Photoshop的渐变控制。

答案 1 :(得分:1)

与时间轴概念类似,GParted或类似磁盘分区工具中的分区界面如何滑块?

您可以在动态调整大小条上方显示百分比值和实际数字,以允许用户以数字方式编辑它们,而不是使用滑块(如果他们想要手动配置它们)。

答案 2 :(得分:0)

时间线视图怎么样; (甘特图)有点像在Microsoft Expression Blend或flash中,每个动作都有多个图层,每个动作都可以在0到100范围内。