在属性之间添加绑定

若要动态更改组件的行为，可以在两个组件的属性之间建立绑定。要创建属性绑定，需为该属性分配一个 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 表达式。有关更多信息，请参阅“设置绑定”。

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

逻辑运算符概览

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

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