Bounding Box

简介

Bounding Box 工具可用于提取一个或多个 Shape 的边界框。它可以用于，除其他用途外，为 Text 创建动态背景。

UI

Input Shapes - 连接一个或多个 Shape 以采样其边界框。

Expand - 增加/减少结果边界框的大小 [x,y]。

Position - 输出 Input Shapes 中心的位置。

Size - 输出 Input Shapes 的 [width, height]。

Sample at Frame - 勾选时，Bounding Box 将在特定时间点计算。这可用于动画中的 Input Shapes，在其动画之前、期间或之后的任何时刻输出边界框计算结果。

Sample Frame - 当 Sample at Frame 勾选时，设置计算 Input Shapes 边界框的帧。

Create and Connect Rectangle（按钮）- 创建一个 Rectangle 并将 Bounding Box 连接到其 Position 和 Size 属性。注意，如果没有连接 Input Shapes，这将创建一个宽度和高度为零的 Rectangle。

创建一个 Basic Shape（矩形）。
创建一个 Text Shape 和一个 Bounding Box。
连接 textShape.id→boundingBox.inputShapes。
连接 boundingBox.position→basicShape.position。
连接 boundingBox.size→basicShape.size。

文字将在其后有一个矩形，当文字发生任何更改时，该矩形都会更新。

注意 - 确保 Rectangle 在 Scene Window 中位于 Text 之后，并且 Text 和 Rectangle 设置为不同的颜色。