UI概念概念

Question

我在寻找GUI概念的想法时遇到了麻烦，希望你们能帮助我。

处理最终将被序列化为xml的对象，我至少可以展示最终的结果类似于什么，需要为此创建一个有用且直观的GUI：

<conditions>
  <condition id="1" hint="this"/>
  <condition id="2" hint="and that">
    <condition id="2.1" hint="or that"/>
  </condition>
</conditions>

所以基本的想法是，嵌套元素有一个OR连接，而同级元素有一个AND连接。(是的，这不是最优的，但这是我必须使用的)。

在第一次投掷时，在计划嵌套元素之前，使用TreeView并只检查条件项是非常容易的，但现在添加了另一个层次结构层。

那么，如何为这样的事情设计GUI元素呢？

Answer 1

你遇到麻烦是因为你的设计存在根本性的缺陷。

使用层次从属关系来表示逻辑OR是非常不自然的，并且排除了将包含作为表达复合条件的一种方式的自然使用。

试着这样做：

<condition type="or">
  <condition type="and">
    <condition hint="this"/>
    <condition hint="and that">
  </condition>
  <condition hint="or that"/>
</condition>

或者，更好的是：

<or>
  <and>
    <term hint="this"/>
    <term hint="and that">
  </and>
  <term hint="or that"/>
</or>

然后，您会发现TreeView将再次正常工作。