您现在的位置是：首页 > 文章详情

iOS开发-图片高斯模糊效果

日期：2017-06-28点击：659收藏

iOS开发的时候有的时候需要将图片设置模糊，或者通过点击下拉方法，去除模糊，一切都是为了应用更受用户欢迎，iOS7之后半透明模糊效果得到大范围使用的比较大，现在也可以看到很多应用局部用到了图片模糊效果，关于图片实现高斯模糊效果有三种方式，CoreImage，GPUImage（第三方开源类库）和vImage。GPUImage没怎么用过，本文就讲两种方式Core Image和vImage。

Core Image

开始撸代码之前我们先来看一下实现的效果:

iOS5.0之后就出现了Core Image的API,Core Image的API被放在CoreImage.framework库中,在iOS和OS X平台上，Core Image都提供了大量的滤镜（Filter），在OS X上有120多种Filter，而在iOS上也有90多。首先我们扩展一下UIImage，添加类方法:

 
         +(UIImage *)coreBlurImage:(UIImage *)image
        
         withBlurNumber:(CGFloat)blur { 
        
         //博客园-FlyElephant 
        
         CIContext *context = [CIContext contextWithOptions:nil]; 
        
         CIImage  *inputImage=[CIImage imageWithCGImage:image.CGImage]; 
        
         //设置filter 
        
         CIFilter *filter = [CIFilter filterWithName:
         @"CIGaussianBlur"
         ]; 
        
         [filter setValue:inputImage forKey:kCIInputImageKey]; 
        
         [filter setValue:@(blur) forKey: 
         @"inputRadius"
         ]; 
        
         //模糊图片 
        
         CIImage *result=[filter valueForKey:kCIOutputImageKey]; 
        
         CGImageRef outImage=[context createCGImage:result fromRect:[result extent]]; 
        
         UIImage *blurImage=[UIImage imageWithCGImage:outImage]; 
        
         CGImageRelease(outImage); 
        
         return 
         blurImage; 
        
         }

其中过滤的选项设置为高斯模糊:

vImage 方式

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; 
        
         }

图片模糊调用:

 
         self.imageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 300, SCREENWIDTH, 100)];
        
         self.imageView.contentMode=UIViewContentModeScaleAspectFill;
        
         self.imageView.image=[UIImage boxblurImage:self.image withBlurNumber:0.5];
        
         self.imageView.clipsToBounds=YES;
        
         [self.view addSubview:self.imageView];