NGUI的切片Sliced Sprite的制作

看到这个大家会想到什么呢？——九宫格

废话不说了。直接搞起：

新建一个Sprite.然后发现这贴图雾蒙蒙哒，简直比北京的雾霾还牛逼（如下图）。。。但是就是想用这个贴图做背景。肿么办？？？

很简单要知道sprite的type属性有这么几种（如下图）：

那么只要选择Sliced，这个是切片。。。具体什么意思呢看图说话吧；

看到上图了吗在Sprite右面有个Edit点开它会发现下图的界面出现了：

我们关注的是border的值。。。默认的都是0.这个border的值就是我们要调节的参数。

经过调整如下图：看到了吗？？？以前的Sprite边框变的清晰了。。。呵呵。结束了！但是为什么叫九宫格呢？看下图右下角的预览里面发现是9个格子。而他们就是用调节border完成的。其作用就是可以保证四个角不会变化，无论你怎么变动整个sprite那四个角是不会变的。这里的例子不明显，但是要是四个角是圆形或者其他形状花花草草的话总不能让花花草草也跟着变形了吧所以这一招是必须要用的。