iOS开发之图片模糊效果的五种实现代码

2020-01-20 12:46:56王冬梅

GPUImage的开源库实现毛玻璃效果:


- (UIImage *)GPUImageStyleWithImage:(UIImage *)image{

 GPUImageGaussianBlurFilter *filter = [[GPUImageGaussianBlurFilter alloc] init];
 filter.blurRadiusInPixels = 10.0;//值越大,模糊度越大
 UIImage *blurImage = [filter imageByFilteringImage:image];
 return blurImage;

}

vImage属于Accelerate.Framework,需要导入 Accelerate下的 Accelerate头文件, Accelerate主要是用来做数字信号处理、图像处理相关的向量、矩阵运算的库。图像可以认为是由向量或者矩阵数据构成的,Accelerate里既然提供了高效的数学运算API,自然就能方便我们对图像做各种各样的处理 ,模糊算法使用的是vImageBoxConvolve_ARGB8888这个函数:


- (UIImage *)boxblurImage:(UIImage *)image withBlurNumber:(CGFloat)blur
{
 if (blur < 0.f || blur > 1.f) {
  blur = 0.5f;
 }

 int boxSize = (int)(blur * 40);
 boxSize = boxSize - (boxSize % 2) + 1;
 CGImageRef img = image.CGImage;
 vImage_Buffer inBuffer, outBuffer;
 vImage_Error error;
 void *pixelBuffer;

 //从CGImage中获取数据
 CGDataProviderRef inProvider = CGImageGetDataProvider(img);
 CFDataRef inBitmapData = CGDataProviderCopyData(inProvider);

 //设置从CGImage获取对象的属性
 inBuffer.width = CGImageGetWidth(img);
 inBuffer.height = CGImageGetHeight(img);
 inBuffer.rowBytes = CGImageGetBytesPerRow(img);
 inBuffer.data = (void*)CFDataGetBytePtr(inBitmapData);
 pixelBuffer = malloc(CGImageGetBytesPerRow(img) * CGImageGetHeight(img));
 if(pixelBuffer == NULL)
  NSLog(@"No pixelbuffer");
 outBuffer.data = pixelBuffer;
 outBuffer.width = CGImageGetWidth(img);
 outBuffer.height = CGImageGetHeight(img);
 outBuffer.rowBytes = CGImageGetBytesPerRow(img);
 error = vImageBoxConvolve_ARGB8888(&inBuffer, &outBuffer, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);
 if(error){
  NSLog(@"error from convolution %ld", error);
 }
 CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
 CGContextRef ctx = CGBitmapContextCreate( outBuffer.data, outBuffer.width, outBuffer.height, 8, outBuffer.rowBytes, colorSpace, kCGImageAlphaNoneSkipLast);
 CGImageRef imageRef = CGBitmapContextCreateImage(ctx);
 UIImage *returnImage = [UIImage imageWithCGImage:imageRef];

 //clean up CGContextRelease(ctx)
 CGColorSpaceRelease(colorSpace);
 free(pixelBuffer);
 CFRelease(inBitmapData);
 CGColorSpaceRelease(colorSpace);
 CGImageRelease(imageRef);
 return returnImage;

}

源码已上传至fenglinyunshi-git,并提出宝贵意见。

demo下载地址:blurImage.rar

结语

UIVisualEffectView技术是从iOS8之后引进的,原理是在图片上方生成一个蒙层,若最低适配iOS8的话可以考虑采取这个,运用UIBlurEffect是可逆的,我们可以去掉蒙层,显示图片;


[effectview removeFromSuperview];
    iOS 7之前系统的类提供的UIToolbar,原理也是在图片上方生成一个蒙层。 利用CoreImage 进行模糊处理,是非常消耗CPU性能的; GPUImage的开源库实现毛玻璃效果也比较吃内存,相对Core Image好一点; 图像模糊处理属于复杂的计算,大部分图片模糊选择的是vImage,性能最佳。