九宫格切片

九宫格切片（9-slicing，也称 9-patch）将一张 2D 图像分成九个区域，分别控制缩放，从而在不同尺寸和宽高比下避免不必要的拉伸。

上图的九个区域通过精灵编辑器的图集编辑功能定义。使用精灵组件或图像元素组件加入场景后，通过 width 和 height 调整尺寸。各区域遵循：

• Center（中央）：水平和垂直拉伸或平铺。
• Top、Bottom（上下边）：仅水平拉伸或平铺。
• Left、Right（左右边）：仅垂直拉伸或平铺。
• 四个角：不拉伸也不平铺。

配置九宫格切片

在精灵编辑器中，为要使用九宫格的区域创建帧，再通过蓝色控制柄或 Frame Inspector 的 Border 属性设置边界，划出图像中央需要拉伸的部分。

最后点击 New Sliced Sprite From Selection，创建渲染模式为 Sliced 的精灵。

渲染模式

精灵资源有三种渲染模式。

Simple 精灵

Simple 不使用九宫格，适合普通精灵。

Sliced 精灵

Sliced 拉伸图像各部分：中央同时水平和垂直拉伸，左右边垂直拉伸，上下边水平拉伸，四角不拉伸。

Tiled 精灵

Tiled 与 Sliced 类似，但改为平铺重复而非拉伸：中央水平和垂直平铺，左右边垂直平铺，上下边水平平铺，四角不平铺。