iOS 图片拉伸

项目中经常会遇到这种情况。

美工提供给我们一张按钮的背景图片。
尺寸: 24 x 60。
现在我们需要一个按钮，这个按钮的尺寸为 150 x 50.

直接将这个图片设置成按钮的背景，结果会是这样。

原因是图片整体拉伸，导致图片变模糊。

解决方案

解决此类问题，需要设置图片的拉伸方式。

- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight

此方法返回一个 UIImage 对象。
leftCapWidth ：设置左右拉伸的位置
topCapHeight : 设置上下拉伸的位置。

如果参数指定10，5。那么，x坐标为11和一个像素会被横向复制，y坐标为6的一个像素会被纵向复制。

注意：只是对一个像素进行复制到一定宽度。而图像后面的剩余像素也不会被拉伸

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets

此方法返回一个 UIImage 对象
capInsets ： 设置 上下左右的宽度。

这样就给一个图片加了一个框。只有在框里面的部分才会被拉伸，而框外面的部分则不会改变。比如(20,5,10,5)，意思是下图矩形里面的部分可以被拉伸，而其余部分不变。

 - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode

此方法较上面的方法 多了一个 resizingMode 参数，用来指定拉伸的模式

• UIImageResizingModeStretch：拉伸模式，通过拉伸UIEdgeInsets指定的矩形区域来填充图片
• UIImageResizingModeTile：平铺模式，通过重复显示UIEdgeInsets指定的矩形区域来填充图片

通过以上方法，设置图片拉伸方式，让图片只拉伸中间区域，避免四个角被拉伸。