Unity UGUI sprite editor九宫切图之另类用法，中间不变，拉升两边

首先，先思考一个问题，用图1如何去实现图2的效果（中间部分保持不变，两边拉伸）？

这时候应该很多人会想到九宫切图，但是九宫切图很多时候的用法是保持四个顶角不变，拉升重复中间部分，是做不到这种效果的。

接下来就是正文实现部分了：

1.首先导入图片设置成sprite之后，将sprite mode 设置成multiple，如下图所示

2.点击sprite editor 按钮，将sprite切成3部分

3.对2，3部分进行九宫切图操作,如下图，然后apply一下，就会看到对应的sprite的文件就有3个部分了。

4.图切好了，然后创建3个image（left,content,right） ，分别将这三个sprite放好，在步骤3中已经对其图片2，3部分进行九宫切图，因此可以对图片2，3进行左右拉伸了，达到最终效果。

还没有结束，下面是最重要的内容：

很多时候我们只知道这么做，不去细想为什么这样做，这样做的好处是什么！

为什么不直接做成效果图那样了呢？

如果做成效果图那样图片大小变大了，内存增加了，用该方法，小图就能达到效果，还能减少图片大小，运行时占用内存小，何乐而不为。

-------终了--------