相对百分比UI控件

Question

我需要用户设置一个百分比值，这应该总是加起来为100%。有什么标准的方法可以让你相信这一点？我想出了以下几点：

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

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

缺点:当你有很多滑块，因此百分比值很低，归一化到100%不是很明显的时候，大量的小部件，大量的屏幕空间被使用，看起来很丑陋。

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

优点:归一化是隐式的和明显的，因为滑块的长度是固定的，相对权重很容易一目了然

缺点:非标准的，旋钮很容易相互重叠，旋钮不容易修复，没有明显的位置放置每个间隔/百分比的文本/数字表示

3)显示标准饼图。

优点:归一化是隐式的和明显的，相对权重很容易看到

缺点:非标准的交互式使用，很难使直观的切片大小调整工作，没有地方放置每个切片的文本/数字表示

4)？

我对这两个都不满意，所以我在这里提问。有更好的主意吗？我正在处理一个富windows客户端(即不是web)上的3-10个单独的百分比值。

干杯,

Sören

Answer 1

那么垂直滑块呢？就像一个混音器。我认为它看起来比10个水平滑块的列表要好得多。

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

Answer 2

类似于时间线的想法，像GParted或类似的磁盘分区工具中的分区界面的滑块怎么样？

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

Answer 3

时间线视图如何；(甘特图)类似于Microsoft Expression Blend或flash，其中每个操作都有多个层，每个操作可以在0到100的范围内。