Шаблон GUI для показа, что ребенок наследовал значение от родителя
Что является хорошим шаблоном GUI для показа, что ребенок наследовал значение от его родителя. Другими словами, если бы пользователь устанавливает некоторое значение в Родителе, как мы указали бы в ребенке, что значение было установлено от родителя?
Parent
| Value : Foo
|
|----Child
Value : Foo => inheriting value from parent.
2 ответа
Многое зависит от того, насколько интерактивными вы хотите видеть различные уровни. Более интерактивные (возможность изменять/переопределять/и т.д.), значит сделать их сильнее - менее интерактивные (только в исследовательских целях) - сделать их слабее.
Если вы говорите об отображении их всех в дереве, то я бы оставил дочерний элемент с тем же значением и меткой, указывающей на "родителя":
parent_div : width = 250
|
|-- child_div : Width = 250 ('parent_div')
Если вы не хотите показывать их в дереве, то я бы отобразил значение каким-нибудь неинтерактивным способом (я люблю использовать светло-серый цвет, отступы и курсив (я знаю, что это кажется излишеством, но оно того стоит)) - и затем иметь всплывающую подсказку или наведение курсора, указывающее, откуда взят оригинал.
В любом случае, позвольте мне подчеркнуть, что это невероятно ценно - иметь прямую ссылку, которая приведет вас к месту, где значение было установлено изначально. Это так раздражает, когда приходится вручную пытаться перейти туда.
Для примера, который мне очень нравится, позвольте мне указать на инструмент Trace Styles в IE8 - говорит мне ТОЧНО, откуда пришел стиль (и позволяет мне редактировать всю цепочку вверх) - удобно!
IE 8 SS http://img101.imageshack.us/img101/3172/captureri.png
Оставьте его в книжном или обычном весе и внесите изменения в дочерний жирный вес.