當使用自訂邊界和角落創建介面時，您通常需要在不同的方向比率渲染元素，並視覺地圍繞本地化文字或未知尺寸的其他內容。這樣可以讓您創建不同尺寸的 UI 元素，而不會扭曲邊緣或角落。
在 9 片 方法下，一個圖像 (單一 Roblox 圖像素材) 會內部分割為九個子圖像，每個子圖像都有不同的縮放規則。
| 子圖像 | 縮放 |
|---|---|
| 1379 (角落) | 無 |
| 2 8 (頂部/底部邊緣) | 水平 |
| 4 6 (左/右邊) | 垂直 |
| 5 （中心） | 水平 + 垂直 |
工作室編輯器
切片配置可以直接在圖像標籤或按鈕上設置 Enum.ScaleType 和切片屬性，但 Studio 內置的 9 切片編輯器 更直觀。
開啟編輯器
要在 Studio 中開啟視覺 9 切片編輯器 ：
- 將 縮放類型 屬性設為 切片 。
- 點擊出現的 切割中心 屬性，然後點擊行內的 … 。
- 在打開的窗口中，4條紅線覆蓋圖像，代表切片的邊緣。來源圖像尺寸也會顯示。
設定偏移值
在工作室中，拖動紅色線以設置圖像的左、右、上、下邊緣的 偏移 值。
如果您需要更高的精度，請在編輯器窗口右側的欄位中輸入抵消值。
隨著您重新定位拖動線，介面元素會自動更新以顯示結果。
抵消值與來源圖像邊緣和與該邊緣相關的拖動物件的數量之間的像素數值不同，代表來源圖像邊緣和與該邊緣相關的拖動器之間的數量。