相对百分比UI控制

问题描述:

我需要用户设置应始终合计为100%的百分比值。什么是标准的方式来实现这一点?我想出了以下内容:相对百分比UI控制

1)对于需要设置的每个值都有一个标准滑块控件。移动一个滑块会自动调整所有其他滑块,总和会一直达到100%。您可以修复其旁边显示复选框的单个滑块。只有剩余的“*”滑块才可以调整。

临:完全由标准部件用户已经知道

缺点:大量的小部件,大量的屏幕房地产使用,相貌丑陋当你有很多的滑块,因此较低的百分比值,标准化为100%ISN立即显而易见。

2)有一个滑块控制与几个滑动旋钮。

临:归一化是隐含的和明显的,因为滑块的长度是固定的,相对重量是很容易一眼看出

缺点:非标,旋钮可以很容易地彼此重叠,旋钮是不易于修复,没有明显的地方放置文本/数字表示每个区间/百分比

3)显示一个标准的饼图。

临:标准化是隐含的,明显的,相对权重是很容易看到

缺点:非标准的交互使用,很难做出直观的切片调整工作,没地方放一个文本/数字表示每个切片

4)...?

我不满意这些,因此我的问题在这里。任何更好的想法?我在一个丰富的windows客户端(即不是web)上处理3-10个单独的百分比值。

欢呼声,

Sören 

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

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

时间线视图怎么样; (甘特图)有点像在Microsoft Expression Blend或闪光灯,你必须为每个动作和每个动作的多个层可以是100

到时间轴的想法类似,如何从0刻度的范围内像GParted或类似的磁盘分区工具中的分区界面一样的滑块?

您可以显示上述动态调整杆的百分比值和实际数字,以允许用户编辑数字,而不是使用滑块如果他们要手动进行配置。