类似9patch效果的iOS图片拉伸

??button.png，尺寸为：24x60

现在我们把它用作为按钮背景，按钮尺寸是150x50：

?
可以看到，效果非常地差。原因很简单，因为原图大小为24x60，现在整张图片被全方位拉伸为150x50，比较严重的是图片的4个角。
有些人可能马上想到一个解决方案，你叫美工把图片做大一点不就好了么，怎么拉伸都没事。没错，这是一种解决方案，不过不建议采取。原因很简单：1.图片大，导致安装包也大，加载到内存中也大；2.有更好的解决方案。
细看一下图片，其实图片会变得难看，完全是因为4个角被拉伸了，中间的拉伸并没有明显地丑化外观。因此要想小图片被拉伸后不会变得难看，在图片拉伸的时候，我们只需拉伸图片的中间一块矩形区域即可，不要拉伸边缘部分。
比如只拉伸下图的矩形区域，上下左右的边缘都不拉伸：


?
iOS中提供很好用的API帮我们实现上述功能。到iOS 6.0为止，iOS提供了3种图片拉伸的解决方案，接下来分别详细介绍这些方案。
一、iOS 5.0之前
iOS中有个叫端盖(end cap)的概念，用来指定图片中的哪一部分不用拉伸。比如下图中，黑色代表需要被拉伸的矩形区域，上下左右不需要被拉伸的边缘就称为端盖。


?
使用UIImage的这个方法，可以通过设置端盖宽度返回一个经过拉伸处理的UIImage对象

?可以发现，图片非常美观地显示出来了
注意：
1.这个方法在iOS 5.0出来后就过期了
2.这个方法只能拉伸1x1的区域
?
二、iOS 5.0
在iOS 5.0中，UIImage又有一个新方法可以处理图片的拉伸问题

?
?
?
三、iOS 6.0
在iOS6.0中，UIImage又提供了一个方法处理图片拉伸
?

?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
    1 楼    啸笑天    2013-11-09              在Interface Builder中，UIButton的backgroundImage不支持拉伸，准确的说是UIButton中的backgroundImage不能支持contentStretch属性，在IB中，不能单独对UIButton的backgroundImage设置contentStretch属性。这个属性可以在代码中设置，如下：
UIImage *backgroundImage = [[UIImage imageNamed:@"ImageBackground.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:0];
[myButton setBackgroundImage:backgroundImage forState:UIControlStateNormal];