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 設定為不同的顏色。