用于显示子项从父项继承值的GUI模式

Question

什么是良好的GUI模式,用于显示子项从其父项继承值.换句话说,如果用户在Parent中设置了一些值,我们如何在子节点中指示该值是从父级设置的？

Parent  
| Value : Foo  
|  
|----Child  
       Value : Foo => inheriting value from parent.

Answer 1

很大程度上取决于您希望不同级别的互动程度。更多的互动（改变/覆盖/等的能力），意味着让它们更强 - 更少的互动（仅用于研究目的） - 让它们更弱。

如果您正在谈论将它们全部显示在树中，那么我实际上会给子级留下相同的值和指示“父级”的标签：

parent_div : width = 250
   |
   |-- child_div : Width = 250 ('parent_div')

如果您没有在树中显示它们，那么我会以某种非交互式方式显示该值（我喜欢使用浅灰色、缩进和斜体（我知道这看起来有些过分，但值得） it)) - 然后有一个工具提示或鼠标悬停来指示原始内容的来源。

无论哪种情况，让我强调一下，在某个地方有一个直接链接可以让您到达最初设置值的位置，这是非常有价值的。必须尝试手动导航到那里真是太烦人了。

举一个我非常喜欢的例子，让我指出 IE8 中的跟踪样式工具 - 准确地告诉我样式的来源（并让我一路编辑链） - 方便！