尺寸修改器和約束

除了基本的大小用於UI物件外，你還可以利用尺寸修改器來縮放物件或自動調整大小。你還可以插入尺寸約束來控制縱橫比，或設定最小和最大大小或文本大小。

縮放

UIScale物件存儲一個數值，用於乘以父級GuiObject的AbsoluteSize屬性。例如，如果你想讓一個物件大小變為當前的兩倍，可以插入一個UIScale物件，其Scale屬性為2。

這個修改器在Studio中設計詳細的用戶介面時非常有用，因為它按比例縮放物件及其所有子物件，包括任何應用的外觀修改器，如UIStroke或UICorner。它同樣也適用於動畫物件的大小，例如在玩家將鼠標懸停在按鈕上時稍微增加按鈕的大小。

自動調整大小

AutomaticSize屬性會自動調整父級GuiObject的大小以適應其子物件的大小。你可以在多種情況下使用此屬性，包括：

• 擴展GuiObject以適應已經本地化的多語言文本。
• 允許用戶在TextBox中輸入文本，自動根據輸入的文本量調整其大小。
• 自動調整使用富文本標記的文本物件的大小，包括字體類型和大小。

你可以為任何GuiObject啟用AutomaticSize屬性。默認情況下，它設置為None，但你可以更改其值以具體控制GuiObject在哪個方向上調整大小以適應其內容。

啟用自動調整大小的步驟：

1. 在Explorer窗口中，點擊任何GuiObject，例如Frame、TextBox或ImageLabel。

2. 在Properties窗口中，導航到AutomaticSize屬性（對於ScrollingFrame為AutomaticCanvasSize）並將其設置為以下選項之一：

   • X — 水平方向調整內容大小。
   • Y — 垂直方向調整內容大小。
   • XY — 同時在水平方向和垂直方向調整內容大小。

   

一旦設置了自動調整大小，注意其他物件屬性的行為如下：

類似於大小這一概念，AutomaticSize在調整內容大小時考慮到AnchorPoint屬性。例如，以下視頻顯示了三個TextLabels，它們從其錨點自動調整大小。

• 上面的標籤有AnchorPoint的值為(0, 0.5)，將其固定在左側的中間。
• 中間的標籤有AnchorPoint的值為(0.5, 0.5)，將其固定在中心。
• 底部的標籤有AnchorPoint的值為(1, 0.5)，將其固定在右側的中間。

約束

你可以為用戶介面物件使用三種類型的約束： 大小、文本大小和縱橫比。要使用約束，必須將其設置為要約束的GuiObject的子物件。

大小

UISizeConstraint為GuiObject指定最小和最大大小。這個約束確保GuiObject在不同的屏幕大小下不會變得過小或過大。

例如，如果你將MinSize屬性設置為(200, 200)，並將MaxSize屬性設置為(400, 400)，那麼GuiObject的大小不能縮小到小於200×200像素或擴大到大於400×400像素。

文本大小

UITextSizeConstraint為包含文本的GuiObject指定最小和最大字體大小，例如TextLabel、TextButton或TextBox。這個約束確保GuiObject內的文本不會變得難以辨認或過大。

如果啟用父級GuiObject的TextScaled屬性，則文本大小會根據容器的大小進行調整，並在物件變小或變大時仍然遵循約束，即使超出MinTextSize和MaxTextSize值。

例如，以下的TextLabel物件有一個UITextSizeConstraint，其MinTextSize值為50和MaxTextSize值為80。即使TextLabel變小，字體也不會小於50像素，而當物件變大時，字體不會超過80像素。

縱橫比

UIAspectRatioConstraint強制在GuiObject上實施寬度與高度的縱橫比，無論其核心大小如何，即使該大小設置為其父級的百分比。例如，將此約束作為Frame的子物件並將約束的AspectRatio屬性設置為2（2:1）將使框架的寬度是其高度的兩倍。同樣，將此約束的AspectRatio屬性設置為0.5（0.5:1）將使框架的寬度是其高度的一半。

將此約束的AspectRatio設置為默認值1（1:1）是一種方便的方法，可以防止具有平方圖像資產的ImageLabel進行非比例縮放/拉伸，例如頭像縮略圖。