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

时间:2010-06-26 23:04:11

标签: user-interface design-patterns

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

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

2 个答案:

答案 0 :(得分:2)

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

如果您正在谈论将它们全部显示在树中,那么我实际上会给孩子留下相同的值和一个标有“父母”的标签:

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

如果您没有在树中显示它们,那么我会以某种非交互方式显示该值(我喜欢使用浅灰色,缩进和斜体(我知道这似乎有点过分,但它是值得的)) - 然后有一个工具提示或鼠标悬停,指示原始来自何处。

在任何一种情况下,让我强调一下,在某个地方建立一个直接链接,让你达到价值设定的点,这是非常有价值的。不得不尝试手动导航到那里很烦人。

我非常喜欢一个例子,让我指出IE8中的Trace Styles工具 - 告诉我样式来自哪里(并让我一直编辑链) - 方便!

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

答案 1 :(得分:1)

将其保留为书本或常规体重,并在子项粗体权重中修改值。