当创建自定义边界和角落的用户界面时，你经常需要在不同的 aspect比率渲染元素，并 visually围绕本地文本或未知尺寸的其他内容。这可以让你创建不同大小的 UI 元素，而不会扭曲边界或角落。
在 9片 方法下，一个图像 (单个 Roblox 图像素材) 内部分为九个子图像，每个子图像都有不同的缩放规则。
| 子图像 | 缩放 |
|---|---|
| 1 3 7 9 (角落) | 无 |
| 2 8 (顶/底边) | 横向 |
| 4 6 (左/右边) | 垂直 |
| 5 （中心） | 横向 + 垂直 |
工作室编辑器
切片配置可以通过直接设置图像标签或按钮上的 Enum.ScaleType 和切片属性来实现，但 Studio 的内置 9-片编辑器 更直观。
打开编辑器
要在 Studio 中打开视觉 9 切片编辑器 ：
- 将 缩放类型 属性设置为 切片 。
- 单击出现的 切割中心 属性，然后单击行内的 … 。
- 在打开的窗口中，4条红线覆盖图像，代表切片的边缘。源图像尺寸也显示。
设置偏移量
在工作室中，拖动红色线将 偏移 从图像的左、右、顶和底边设置为负。
如果需要更高的精度，请在编辑器窗口右侧的字段中输入抵消值。
当您重新定位拖动线时，界面元素自动更新以显示结果。
抵消值与 UI 对象的 切割中心 属性值不同，代表源图像边缘和与该边缘关联的拖动器之间的像素数量。