拖放列表 - 具有相同优先级的多个项目

Drag and drop lists - multiple items with same priority

最初,我有以下要求:

  1. 有 2 个包含项目的列表。用户需要能够将项目从一个列表移动到另一个列表。
  2. 每个项目都需要有一个优先级。

我已经实施了以下解决方案:

用户可以拖放项目,我也在跟踪它们的优先级。例如,在 List1 中,Item1 的优先级为 1,Item2 的优先级为 2,依此类推。在List2中,只有优先级为1的Item4。

所以这个解决方案涵盖了所有要求。

问题是现在有一个新要求:多个项目可以具有相同的优先级

所以我可以让 Item1 和 Item2 的优先级为 1,Item3 的优先级为 2。

当前的解决方案能否适应这个新需求?我确实考虑过,但找不到解决方案。

或者是否有更适合的完全不同的方法?

谢谢!

这个问题让我想到的第一个模式是 Keynote 中的 Animation/Build 订单面板。在该面板中,您可以为项目提供独特的位置或与其他项目分组,以便同时播放动画。我觉得 UX 在这里可以起到同样的作用。

基本上在 UI 中,您可以将具有相同优先级的项目“分组”。

拖动时的体验同样重要。您需要 UI 清楚地告诉用户当他们释放拖动时的结果是什么。

  • 我是否为该项目创建了唯一的优先级?
  • 还是我要将它与另一个分组?
如果我没记错的话,

Keynote 使用 underline/border 风格。当 dragging/dropping 时,使用虚线轮廓显示结果位置是很常见的。例如,

您需要解决的最后一个问题 – 优先组中是否有优先级?换句话说,当按优先级分组时,这些项目的顺序重要吗?