IOS中设置图片拉伸区域

最新推荐文章于 2019-06-27 17:25:59 发布

h3g2010

最新推荐文章于 2019-06-27 17:25:59 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： ios 文章标签： ios5 IOS5 iOS6 ios6 IOS6 UIImage

本文链接：https://blog.youkuaiyun.com/h3g2010/article/details/8485963

ios 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了iOS中从2.0到6.0版本的图片拉伸方法，包括三种不同的API实现方式及其适用场景。同时提供了兼容各版本的封装方法，并列举了在实际应用过程中需要注意的事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载请注明出处：http://blog.youkuaiyun.com/h3g2010/article/details/8485963

声明：

阅读之前，默认你懂什么是设置图片拉伸区域！

正文：

在IOS中，从2.0版本开始支持图片局部拉伸，至6.0版本，设置方法已有三个：

1、IOS2.0新增方法

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

该方法需要传入两个参数leftCapWidth（拉伸区域至左侧的值）、topCapHeight（拉伸区域至顶部的值）。它的实现原理是对一个像素点的复制拉伸。例如两个参数传入10和5，那么x坐标小于11和大于11的点不会被拉伸，y坐标大于6和大于6的点也不会被拉伸，只有x坐标为11的点会被横向复制，y坐标为6的点会被纵向复制。

基于这样的原理，拉伸出来的图片没有渐变效果，这也是该方法的缺点所在。

另外，需要注意的是：该方法在IOS5.0版本之后不再支持，需要使用下面的新方法。

2、IOS5.0新增方法

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets

该方法传入一个参数capInsets，该参数指定一个矩形区域。它的实现原理是指定一个矩形区域，该矩形区域内的像素点在x,y方向拉伸，其他区域不拉伸。

3、IOS6.0新增方法

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

该方法较IOS5.0版本中的方法添加了一个参数resizingMode，该参数指定拉伸的模式。在IOS6.0中提供了两种拉伸模式：UIImageResizingModeTile（平铺模式，即复制指定的矩形区域，排列在拉伸区域中）和UIImageResizingModeStretch（拉伸模式，即拉伸指定的矩形区域，填充拉伸区域）。

总上所述，我们可以封装一个兼容当下所有版本的方法：

+ (UIImage *)stretchImage:(UIImage *)image withLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight capInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode {
    UIImage *resultImage = nil;
    double systemVersion = [[UIDevice currentDevice].systemVersion doubleValue];
    if (systemVersion >= 6.0) {
        resultImage = [image resizableImageWithCapInsets:capInsets resizingMode:resizingMode];
    } else if (systemVersion >= 5.0) {
        resultImage = [image resizableImageWithCapInsets:capInsets];
    } else {
        resultImage = [image stretchableImageWithLeftCapWidth:leftCapWidth topCapHeight:topCapHeight];
    }
    return resultImage;
}

文章的最后，列出几点注意事项：

1、UIImageView.frame的width和height不能小于图片的宽高，否则拉不出效果。