user-interface - 如何设计用于构建条件表达式的 UI？

Question

我需要开发一个用户界面来输入诸如“if x or (y and z) then do a, b, and c”之类的东西。要输入的数据本身已经相当复杂，如何将其包装在直观的 UI 中？

Answer 1

这是我如何解决错误数据库问题的示例。这是十年前在 linux 机器上完成的，所以 L&F 有点像主题，但它显示了一般概念:


(来源:clearlight.com)

它的工作原理与您预期的差不多。您可以将“ANY of the following”更改为“ALL of the following”，随后行上的标签将从“or”更改为“and”。 “IS”按钮可以更改为“IS NOT”以及“匹配模式”和其他一些选项。

您单击 +/- 按钮以添加其他条件。您可以创建逻辑组，允许您执行诸如“a 或 (b 和 c)”之类的表达式，但它读起来仍然几乎像一组英语句子。

在您的情况下，您可能有一个“做这些事情”部分，而不是“订购依据”部分。

如果您必须创建非常复杂的查询，这使用起来会很麻烦，但是如果您需要一个复杂的查询，您可能足够聪明，不需要这样的 GUI。这更多地是为临时用户设计的，用于简单的即席查询。

如果让我重来一次，我肯定会改变它的外观，但基 native 制工作得很好。