转载：九宫切图介绍

转载：http://bbs.cskin.net/thread-62-1-1.html

九宫切图在控件美化的时候会常常的用到 好比：

 

 

最左边的是一个按钮的素材、、假设要把它作成一个按钮、、可是 须要用的按钮是多大不肯定的、总不能一个按钮作一张图吧？而若是直接对图片进行拉升什么的 明显能够看到右边的两个看着怪别扭、因而乎 这个时候九宫切图出场了

所谓九宫切图 其实就是把图片分红九份而后绘制到相应的区域去

 

 

如上图 将按钮是图片分红九个区域 而后只须要将四角填充到目标区域 其他的拉伸就能够了

 

 

如上图 假设粉色区域是 按钮的区域 左上角是原图

先把原图的四个角取出来 原封不动的 绘制到目标区域的四个角去这样 不管按钮多大什么的 四个角都是没有拉伸过的 因此看不出那里别扭

接下来就是四边了、、四边是不得不拉升的 否则就无法玩了可是 原图的上下两边左右拉升是没有啥问题 原图的左右两边上下拉伸是没有问题的

 

 

剩下的中间区域没啥说的了 直接拉升过去 由于中间区域不像边缘 有线条轮廓和圆角啥的一拉伸就变形了 因此能够直接拉升

 

 

而后把刚才的所有合并起来就是

 

 

 

去掉参考线条和粉色背景就是