问多级网格的UI设计模式

EN

当您拥有来自同一层次结构的两个不同级别的数据对象时，您可以：

• 将每个级别放在不同的窗口(或页面、灯箱)中，并允许在它们之间导航。我将此drill-down.
• Put称为同一窗口(或页面)的不同窗格中的每个级别，其中将焦点放在上级窗格中的对象上会填充下级窗格。
• 将这两个级别放在同一个窗格中，缩进每个上级对象下的下级对象，并且通常提供控件来隐藏和显示每个上级对象的下级对象。我把这叫做树。

对于多个级别的层次结构，您可以使用这些级别的任意组合。这里有一些指导原则，用于决定如何关联层次结构中的任何相邻级别。

如果出现以下情况，则将级别放入树中

• 层次结构中的层级数随每个数据对象的不同而任意变化(如folders).
• The用户将定期比较排序顺序上彼此接近的两个或多个上级对象的下级对象(然后用户可以展开这两个上级对象的树以一次查看所有下级对象)。

在以下情况下，将级别置于主-详细关系中：

对于每个对象，您将显示一个或两个以上的属性(例如，不仅仅是名称)，并且每个级别具有不同的从属对象类别。objects.

• There
• 是您将显示的多对多关系。

有关详细信息，请参阅Hierarchy Visual Design

在以下情况下，将级别放入向下钻取关系中：

• 每个级别要显示的信息量太大，无法放在一个合理大小的窗口中。
• 任务要求用户可以从一个级别转换到另一个级别，但用户不能同时使用这两个级别(通常，您希望避免让用户在不同的高级任务之间来回导航需要单独的窗口。这意味着您将提供一种直接导航到从属窗口的方法，而无需通过上级窗口

向下钻取

通常，只有当两个窗口都是主窗口(或页面)时，向下钻取才有意义。从属窗口不应是对话框、属性窗口或lightbox。如果在从属窗口中显示的内容不足以对齐全尺寸的主窗口，那么可以使用master-detail。与master-detail相比，向下钻取对话框：

Linux和Windows).

• Does引入了在保存changes.

• Creates模式时的不一致性或z顺序不明确(或者，在灯箱的情况下，在Back button).

• Lacks下拉菜单的功能上不明确)，该下拉菜单具有用于编辑和撤消的基本控件(在Linux和Windows).

• Does中不支持窗口大小调整(在和
• 中)，以提供更灵活的内容查看。

有关以上所有内容的更多信息，请参阅http://www.zuschlogin.com/?p=31。

一种常见的方法可能是在两个或更多步骤之间进行导航(即导航到另一个页面或打开一个模式对话框等)。

因此，您可以显示具有层次结构的1、2或3个级别的第一个网格/表格，以及一个导航链接，以便在第二个或子连续的列表/表格中显示剩余的级别。

如果你正在寻找一些既定模式的确认，你可以从这些模式中选择(或组合)：

Master/Detail

Tree Table

或

Cascading Lists

树?是否类似于文件系统的Windows资源管理器视图？