在属性间添加绑定

要动态更改组件的行为，可以在两个组件的属性之间创建绑定。要创建属性绑定，可为一个属性分配一个 JavaScript 表达式，该表达式会求值到所需的值。在幕后，会对绑定表达式中的变量进行监控。当检测到变化时，会重新评估绑定表达式，并将新的结果应用到属性中。

最简单来说，绑定可以是对另一个属性的引用。例如，一个组件的高度可以绑定到其父节点的高度，这样当父节点高度发生变化时，组件高度就会自动调整。

有关使用属性绑定的更多信息，请参阅属性绑定。

要在组件间创建绑定，请访问Connections >Bindings 。

创建组件属性之间的绑定

将一个组件的属性与另一个组件的属性绑定：

1. 在2D 视图中放置两个组件。

   

2. 将第一个组件命名为viewBox。
3. 将第二个组件命名为connectBox。
4. 在viewBox组件上应用黑色粗Border 和蓝色 Color 。
5. 选择connectBox组件。
6. 从Connections 视图中选择Bindings 。
7. 选择 (Add) 按钮，在绑定编辑器中为当前选定的组件添加绑定。

   

   绑定编辑器。

8. 在From 中，选择viewBox作为父组件。然后选择其border.color 属性。
9. 在To 中，connectBox组件已被选为目标组件。从下面的下拉菜单中选择color ，设置其受影响的属性。
10. viewBox组件的border.color 将应用到connectBox组件的color 。

    

所有绑定代码中都有一个自动 JavaScript 表达式。更多信息，请参阅设置绑定。

有关创建属性绑定的示例，请参阅使用状态更改组件属性值。

逻辑运算符摘要

您可以在表达式中使用以下逻辑运算符，在一个表达式中组合多个条件：

此外，您还可以在校验前使用算术运算符比较数字。不过，我们建议您尽可能为此创建单独的属性。