是否有用于配置一组元素的分区的标准用户界面范例？

Question

假设您有一组对象 X（例如，A、B、C、D），您希望将其划分为覆盖所有 X 的非空子集。数学上，集合的分区。

因此，一开始您可能会将它们视为完全不同的 {{A}、{B}、{C}、{D}}。或者，您可以将它们分为元音和辅音，即 {{A}, {B,C,D}}。或者，任意，{{A,D}, {B,C}}。

是否有支持此功能的标准用户界面小部件/概念/范式/模式？使用两个列表框添加 ->、添加全部 ->、<- 删除和 <-- 删除全部在它们之间切换（即列表生成器）仅适用于 2 个子集，但不适用于任意 k 个子集。

Answer 1

我不知道具体的 UI 小部件可以完全满足您的要求，但这里有一些可能有用的 UI 范例（取决于定义子集后需要对子集执行的操作）：

• 颜色编码列表框（允许用户或程序根据项目属于哪个子集，用不同的颜色突出显示项目。在此模型中，能够按颜色对项目进行分组并显示图例非常有用）。
• 树控件（将组显示为树中节点的子节点。通常，这将是一棵只有两层的树 - 顶部一层是分区，下一层是分区中的项目。能够在分区（节点）之间拖动项目并能够重命名顶级分区在此模型中非常有用。）
• 分层网格（类似于树控件，但显示附加信息列来描述分区的详细信息）显示的项目）
• 多列可拖动列表（一组多列，您可以将项目拖入其中。每列代表分区中的一个子集）。

Answer 2

将项目分组为集合的标准 UI 是单选按钮列表。糟糕的 ASCII 近似：

A B C
o x o - Item One
o x o - Item Two
o o x - Item Three

这仅适用于少量的集合，但可以用于大量的项目。大多数人会发现这很容易理解并且可以快速浏览。这是塔夫特所说的小倍数的一个例子。如果有人需要将大量物品从一组移动到另一组，这可能会很乏味。我敢打赌，通过允许按下单选按钮进行选择可以减少这种情况。如果你这样做的话，你肯定需要一个撤消功能。

其经常使用的变体使用选项菜单而不是单选按钮组。

它可以像您想要的那样在视觉上复杂 - 大多数 UI 工具包都支持单选按钮状态的自定义图像。这可能是对小倍数概念的更好利用，否则它可能会退化为愤怒的水果沙拉。

我会犹豫是否使用移动物品的设计。拖放选择项非常繁琐，您将遇到菲特定律的麻烦，而不仅仅是几组，并且您将失去独立于分组来组织列表的好处。

Answer 3

听起来像是拖拽的工作。降低。

一旦来源，就有多个可能的目的地。也许有一个“添加子集”按钮，可以轻松创建新子集。

通过在单个列表上“突出显示”也可以实现同样的效果。按住 Ctrl 键单击选择，然后单击颜色按钮。