条件简介

在事件面板中为特定的动作添加条件，可以让项目的交互体验更加丰富完整。在交互中，我们并不总是希望每次事件触发都执行我们所设定好的动作，而是希望触发之后有一定的条件限制动作的执行，只有满足了条件，动作才执行。就像我们在注册账号的时候，我们希望输入的账号、密码不为空才能发起注册请求，毕竟当账号、密码其一为空时都会使注册失去意义。

根据条件添加的位置，条件分为两种——直接添加在触发事件后面的为附加条件，添加在触发事件下的是分支条件；每一个触发事件只能添加一个附加条件，而分支条件可以无限添加。



条件的添加和执行

上面我们对动作面板上的条件有一个基础的了解，接下来我们尝试一下如何将条件添加到我们的交互中。
附加条件和分支条件的添加有些许差异，事件的附加条件通过点击触发事件后的“＋”添加，事件的分支条件则通过事件面板上方的蓝色“条件”按钮进行添加。

条件的添加重点在于条件的设置，我们可以设置的条件包括判断是否等于、大于、属于、类型为等（如下图）。



如果一个事件中存在多个条件判断，那么会依照从上到下的添加顺序进行判断并执行动作。如下图会先进行条件A的判断，满足则执行A下面的动作，否则结束A，进入条件B的判断，满足就执行，不满足则进入C的判断......以此类推，是以单线程的模式进行条件判断和动作执行。



且和其余

在事件面板上为动作添加条件，可以选择“且”或者“其余”，其中“且”相当于JavaScript中的 if ，“其余”相当于 else if（当其余后不跟随条件设置，使用默认为空的设置时，相当于 else ），完全遵循JavaScript的语法规则。一个“且” 可以搭配多个“其余”组合使用，事件触发时，“且”和“其余”构成了一个完整的条件判断，只会执行其中一个条件下的动作，一旦满足某一个条件便会执行动作并跳出“且” 和“其余”组合构成的条件判断。



如上图为根据数值变量 x 的大小来判断其为正负数的例子，在事件触发后，如果 x > 0 成立，便不会进入 x = 0 和后续的判断。
我们可以发现上图的例子中，不使用“其余”，全部使用“且”也可以达到相同的效果，但是这其中还是有本质的差异：下面的每一个判断都会执行，即便满足某一个判断后也不会跳出，而是进入下一个“且”的条件。