cocos studio九宫格的用法

九宫格的作用：九宫格是利用一张小图片来绘制大图片，使小图片被拉伸后不变形的技术。

正常情况下九宫格的绘制会遵守下面的规则：a. 保持4个角部分不变形；b. 单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸）；c. 双向拉伸中间部分（即九宫格的中间部分，横向，纵向同时拉伸，PS：拉伸比例不一定相同）。

我的Cocos Studio版本以及九宫格设置样式见下图。

每一个可以设置图片的控件都能设定九宫格属性。比如：图片控件、按钮控件、容器控件。

使用方法：先将控件拉伸，这时候控件的边角部分明显变形。然后我们选中九宫格属性即可，Cocos Studio会自动生成九宫格的四个属性，这时候会发现边角恢复正常。若还是达不到想要的效果，你需要对着四个参数进行调整，一般是将数字往大了调。

正常情况下控件宽或高应该比2*X、2*Y要大。如果你设置的比这个小的话就会因为渲染顺序的原因照成重叠，显示非正常效果，当然如果你是高手的话你也可以利用这个性质制作特殊的贴图。如下图：左图150*150，右图是由左图通过九宫格变换得到的，右图90*90，四个九宫格参数都是45。

在开发的过程中，有时候某个控件设置九宫格会出现问题：不管你怎么调九宫格参数，图片边角都会发生扭曲，这时候最好换一个控件调试，比如将放弃直接在容器上调试九宫格，在容器里面添加一个图片控件，对该对面控件设置九宫格，完成效果，此举仅供参考。

注意控件的缩放属性，最好是为1，否则边角也可能被拉伸

希望对大家有所帮助