iOS 图片拉伸

最新推荐文章于 2021-01-12 03:01:19 发布

转载最新推荐文章于 2021-01-12 03:01:19 发布 · 775 阅读

ios开发专栏收录该内容

183 篇文章

订阅专栏

本文介绍了在iOS中如何正确地对UIImage进行拉伸而不失真，包括使用stretchableImageWithLeftCapWidth:topCapHeight和resizableImageWithCapInsets:两种方法，并提供了兼容不同iOS版本的代码实现。

有时我们需要对UIImage进行拉伸，最常见的是气泡的展示。如果对UIImage进行常规的frame调整，进行拉伸，其结果肯定相当坑爹，一定会变模糊不清。

iOS提供两种方法

iOS提供两张方法来解决这种问题：

stretchableImageWithLeftCapWidth:topCapHeight

resizableImageWithCapInsets:

需要说明的是

stretchableImageWithLeftCapWidth:topCapHeight在iOS2.0就开始引入，但在iOS5.0中将不再支持了，代替这个方法就是iOS5.0才引入的方法resizableImageWithCapInsets。

两个方法有的区别

stretchableImageWithLeftCapWidth:topCapHeight它只能以1x1的像素进行拉伸。而resizableImageWithCapInsets可以重复一个区域进行平铺拉伸，而不是1x1像素。这个从两个方法的参数也就可以看出来，第一个方法只是一个left和top的位置参数，第二个方法用一个CapInsets来参数。

关于stretchableImageWithLeftCapWidth:topCapHeight方法，很多人搞不懂为什么只要两个参数，至少应该指定左上角和右下角，总共四个参数。参数意义是，如果参数指定20,10, 那么图片左边20个像素，上边10个像素，不会被拉伸，x坐标为21和一个像素会被横向复制，y坐标为11的一个像素会被纵向复制。如上面所说的，这个方法只能对一个像素进行复制。

兼容方法

为了在不同的iOS版本兼容两个方法，可以进行版本的判断，然后选择不同的方法。如下：

- (UIImage *)resizeImageWithCapInsets:(UIEdgeInsets)capInsets {
    CGFloat systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
    UIImage *image = nil;
    if (systemVersion >= 5.0) {
        image = [self resizableImageWithCapInsets:capInsets];
        return image;
    } 
    image = [self stretchableImageWithLeftCapWidth:capInsets.left topCapHeight:capInsets.top];
    return image;
}