显示配对列表

Display paired lists

我想显示两个具有输入 -> 输出设置的配对列表。例如,列表第一个可能是 (a,b,c,d,e),第二个可能是 (1,2,3,4,5)。用户应该能够同时滚动两个列表。这样用户就可以看到哪些对匹配。如果用户可以拖放来对列表进行排序就好了,但这不是必需的,没有它我也可以。

我尝试了 Taifun 的 sortable list,但我无法同时滚动其中两个列表。

我还尝试过在垂直滚动中水平排列的两个列表视图,列表视图的高度是自动的,因此它们与内部元素一样高,以便垂直滚动可以上下移动。问题是当列表视图高度设置为自动时,它不会更改大小以适合其元素。

有人知道怎么做吗?

我决定使用以下设置,我对结果非常满意。

当用户按下"Add item"时,他们可以输入一个输入(段)和输出(替换)。这些项目显示在一个可排序的列表视图中,由一个特殊的破折号分隔,这样我就可以将它们分成两个配对列表。如果有人试图使用该破折号,他们的破折号将被替换为普通的连字符 (-)。因为列表视图会修剪空格,所以第一个前导空格和最后一个尾随空格(如果有)将替换为插入符号并在保存时转换回来 (^)。当用户按下删除键时,会出现一个普通的列表视图,用户可以在其中单击一对并提示将其删除。屏幕截图中的“设置”按钮只是主设置菜单的后退按钮。

我希望这可以帮助任何人寻找一种方法来同时显示两个配对列表,同时避免滚动和过于复杂的问题 UI。