iOS 图片显示中遇到的压缩与裁剪问题

发布网友发布时间：2022-09-15 13:14

共1个回答

热心网友时间：2023-10-09 04:45

我们假设要在截图中的举行图片展示区显示图片，由于原图片的宽高比例与图片显示窗口的宽高比例不一定相同，所以，直接将图片扔进去会改变图片的宽高比例，展示效果不好。

这时你可能想到设置UIImageView的属性 _imageView.contentMode = UIViewContentModeCenter; 设置该属性后，我们会发现图片的宽高比例确实正确了，但是窗口中只显示了图片的一部分，这说明图片整体尺寸没有压缩，按照原图进行显示了。怎样才能达到既缩小图片又不改变原来的宽高比例呢？

方法一：将图片按照原来的宽高比例压缩到与窗口合适的大小，然后在设置了_imageView.contentMode = UIViewContentModeCenter; 这个属性的UIImageView中展示压缩后的图片。

//压缩图片

- (UIImage *)image:(UIImage*)image scaledToSize:(CGSize)newSize

{

// 创建一个图形上下文形象

UIGraphicsBeginImageContext(newSize);

// 告诉旧图片画在这个新的环境,所需的

// 新的尺寸

[image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];

// 新形象从上下文

UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();

// 结束上下文

UIGraphicsEndImageContext();

// 返回新形象

return newImage;

}

上面方法的参数newSize是和图片显示窗口差不多大的，结果出现了原图清晰，但压缩后图片不清晰的情况。

方法二：按照窗口宽高比例，将原图横向或者纵向裁剪掉多余的部分，然后不设置UIImageView的contentMode属性，将裁剪后的图片送进去，使其自动适应窗口。

//裁剪图片

- (UIImage *)cutImage:(UIImage*)image

{

//压缩图片

CGSize newSize;

CGImageRef imageRef = nil;

if ((image.size.width / image.size.height) < (_headerView.bgImgView.size.width / _headerView.bgImgView.size.height)) {

newSize.width = image.size.width;

newSize.height = image.size.width * _headerView.bgImgView.size.height / _headerView.bgImgView.size.width;

imageRef = CGImageCreateWithImageInRect([image CGImage], CGRectMake(0, fabs(image.size.height - newSize.height) / 2, newSize.width, newSize.height));

} else {

newSize.height = image.size.height;

newSize.width = image.size.height * _headerView.bgImgView.size.width / _headerView.bgImgView.size.height;

imageRef = CGImageCreateWithImageInRect([image CGImage], CGRectMake(fabs(image.size.width - newSize.width) / 2, 0, newSize.width, newSize.height));

}

return [UIImage imageWithCGImage:imageRef];

}

结果表明方法二效果更好。