制作可任意拉伸的 UI 图像

上图右边为原始贴图大小的显示，左边是选择 Sliced 模式并放大属性后的显示效果。

要使用可以无限放大的九宫格图像效果，我们需要先对图像资源进行九宫格切分。首先打开 Sprite 编辑器，在 资源管理器 中选中图像资源，然后点击 属性检查器 最下面的编辑按钮。如果您的窗口高度不够，可能需要向下滚动 属性检查器 才能看到下面的按钮。

我们分别拖动上下左右四条分割线，将图像切分成九宫格，九个区域在 Sprite 尺寸（size）变化时会应用不同的缩放策略，见下图：

而下图中描述了不同区域缩放时的示意（图片来自 Yannick Loriot 的博客）：

完成切分后别忘记点击 Sprite 编辑器 右上角的绿色对勾来保存对资源的修改。

准备好九宫格切分的资源后，就可以修改 Sprite 的显示模式并通过修改 size 来制作可任意指定尺寸的 UI 元素了。

然后通过拖拽控制点使节点的 size 属性变大。您也可以直接在 属性检查器 中输入数值来修改属性。如果图像资源是用九宫格的形式生产的，那么不管 Sprite 如何放大，都不会产生模糊或变形。

在使用 矩形变换工具 或直接修改 Sliced Sprite 的 size 属性时，注意 size 的属性值不能为负数，否则不能以 Sliced 模式正常显示。