Относительный процент управления пользовательским интерфейсом

Question

Мне нужно, чтобы пользователь установил количество процентных значений, которое всегда должно составлять до 100%. Каковы стандартные способы архивации этого? Я придумал следующее:

1) иметь стандартный ползунок для каждого значения, которое нужно установить. Перемещение одного ползунка автоматически настроит все остальные, поэтому сумма всегда будет равна 100%. Вы можете исправить отдельные слайдеры с помощью флажка рядом с ним. Только остальные, «свободные», ползунки будут регулироваться.

Pro: полностью состоит из стандартных виджетов, которые пользователи уже знают

Con: множество виджетов, много используемой экранной недвижимости, выглядит ужасно, когда у вас много слайдеров и, следовательно, низкие процентные значения, нормализация до 100% не сразу очевидна.

2) имеет ползунковый регулятор с несколькими сдвижными ручками.

Pro: нормализация неявна и очевидна, потому что длина ползунка фиксирована, относительный вес легко увидеть с первого взгляда

Con: нестандартный, ручки могут легко перекрывать друг друга, ручки не легко исправить, нет очевидного места для размещения текстового / числового представления для каждого интервала / процента

3) отобразить стандартную круговую диаграмму.

Pro: нормализация неявна и очевидна, относительный вес легко увидеть

Con: нестандартный для интерактивного использования, трудно сделать интуитивно понятное изменение размера слайса, нет места для размещения текстового / числового представления для каждого слайса

4) ...?

Я не доволен ни одним из них, поэтому мой вопрос здесь. Есть идеи получше? Я имею дело с 3-10 отдельными процентными значениями в клиенте с богатыми окнами (т.е. не в Интернете).

ура

Sören

Answer 1

Как и в случае с временной шкалой, как насчет слайдера, такого как интерфейс разметки в GParted или аналогичных инструментах разметки диска?

Вы можете отображать процентные значения и фактические числа над динамически изменяющимися полосами, чтобы позволить пользователю редактировать их численно вместо использования ползунков, если они хотят настроить его вручную.

Answer 2

А как насчет вертикальных ползунков? Как звуковой микшер. Я думаю, что это выглядит намного лучше, чем список из 10 горизонтальных ползунков.

Или фиксированная полоса ширины с несколькими ползунками, немного похожая на элемент управления градиентом Photoshop, если вы это знаете.

Answer 3

Как насчет временной шкалы; (диаграмма Ганта), как в Microsoft Expression Blend или во флэш-памяти, когда у вас есть несколько слоев для каждого действия, и каждое действие может находиться в диапазоне от 0 до 100.