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

2018-05-29 10:29:18

什么是好的GUI模式，用于显示一个孩子从父辈继承了一个值。换句话说，如果用户在父项中设置了一些值，我们将如何在子项中指示该值是从父项设置的？

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

很大程度上取决于您希望不同级别的交互方式。更多的交互性（改变/重写/等）的能力，意味着使它们变得更强大 - 不那么互动（仅用于研究目的） - 使它们变得更弱。

如果您正在讨论将它们全部显示在一棵树中，那么我实际上会将孩子留下相同的值并且标记为“父母”：

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

如果你没有在树上显示它们，那么我会以非交互方式显示该值（我喜欢使用浅灰色，缩进和斜体）（我知道这看起来像是矫枉过正，但它是值得的它）） - 然后有一个工具提示或鼠标悬停，指示原始来自哪里。

在这两种情况下，让我强调一下，在某个地方有一个直接链接可以让你达到价值开始的地步，这是非常有价值的。这是非常烦人的，必须尝试手动导航。

举一个我很喜欢的例子，让我指出IE8中的跟踪样式工具 - 告诉我样式来自哪里（并且让我编辑链中的所有东西） - 方便！

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

将它放在书本或正常体重下，并在儿童粗体重中修改值。

链接地址: http://www.djcxy.com/p/1417.html