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

Question

什么是好的 GUI 模式可以显示子级从其父级继承值。换句话说，如果用户在 Parent 中设置了某个值，我们如何在 child 中指示该值是从 parent 中设置的？

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

Answer 1

很大程度上取决于您希望不同级别的互动程度。更具交互性(更改/覆盖/等的能力)意味着使它们更强大 - 更少交互(仅用于研究目的) - 使它们更弱。

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

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

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

在任何一种情况下，让我强调一下，在某处建立直接链接可以让您到达设置值的起点，这是非常有值(value)的。不得不尝试手动导航到那里真是太烦人了。

举个我非常喜欢的例子，让我指向 IE8 中的跟踪样式工具 - 告诉我样式的确切来源(并让我一直编辑) - 方便!

IE 8 SS http://img101.imageshack.us/img101/3172/captureri.png