IOS图片效果模糊化

现在的APP使用界面的背景都是使用图片模糊的形式展现出来,所以昨天我特地研究了一下构建界面模糊效果,希望下面一些代码能对你们有帮助,简单介绍三种方法吧

首先效果图如下

图片设置的模糊度有点大了  到时候自己可以自行更改模糊效果

方法一:使用CIFilter实现滤镜效果 步骤如下

1.1.创建图像上下文CIContext

CIContext *context   = [CIContext contextWithOptions:nil];

1.2.创建过滤原图片CIImage(注: 这里的image是我方法里面的传入图片)

CIImage *sourceImage = [CIImage imageWithCGImage:image.CGImage];

1.3.创建滤镜CIFilter(注:CIAffineClamp 是滤镜名称,常用的名称有40种,我这里就多列举几个出来,有兴趣的可以到百度上面自行搜索:CIAdditionCompositing CIAffineClamp CIAffineTransform CIColorMonochrome CISepiaTone)

 NSString *clampFilterName = @"CIAffineClamp";
 CIFilter *clamp = [CIFilter filterWithName:clampFilterName];

1.4.直接调用CIFilter的setValue: forKey:这个方法为滤镜指定源图片

[clamp setValue:sourceImage forKey:kCIInputImageKey];

1.5这里就可以设置滤镜的参数(注:blurRadius 传入的float值 根据他可以更改模糊程度)

[clamp setValue:[NSNumber numberWithFloat:blurRadius]
                    forKey:@"inputRadius"];

1.6.取得输出图片显示或保存

CIImage *sourceCIImage = clamp.outputImage;

UIImage *blurredImage = [UIImage imageWithCGImage:sourceCIImage];

这是最简单的将图片背景模糊化,由于模糊会有点时间间隔,可以在里面加个线程

方法二:使用GPUImage来完成IOS中滤镜效果(代码可以简化好多)

GPUImageGaussianBlurFilter * blurFilter = [[GPUImageGaussianBlurFilter alloc] init];

blurFilter.blurRadiusInPixels = 2.0;

UIImage * image = [UIImage imageNamed:@"xxx"];

UIImage *blurredImage = [blurFilter imageByFilteringImage:image];

方法三:使用UIVisualEffectView来完成IOS中滤镜效果(ios8以上版本)

使用方法很简单,就是创建一个模糊的view,然后放到需要覆盖的view上面

//设置模糊,效果为BlurEffectStyleLight

UIVisualEffectView *ruVisualEffectView = [[UIVisualEffectView alloc]initWithEffect:

[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];

ruVisualEffectView.frame = self.ruImageView.bounds;

ruVisualEffectView.alpha = 1.0;

[self.ruImageView addSubview:ruVisualEffectView];

这里写个方法 方便直接调用

-(UIImage *)blurryImage:(UIImage *)image withBlurLevel:(CGFloat)blur
{
    if (blur <0.f || blur > 1.f)
    {
        blur = 0.5f;
    }
    //判断曝光度
    int boxSize = (int)(blur * 100);//放大100 小数点后面2位有效
    boxSize = boxSize - (boxSize % 2) + 1;//如果是偶数 变奇数
    CGImageRef img = image.CGImage;//获取图片指针
    vImage_Buffer inBuffer,outBuffer;//获取缓冲区
    vImage_Error error;//一个错误类,调用画图函数的时候调用
    void *pixelBuffer;
    CGDataProviderRef inprovider = CGImageGetDataProvider(img);//放回一个数组图片
    CFDataRef inbitmapData = CGDataProviderCopyData(inprovider);//拷贝数据
    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(@"%zd",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];
    
    CGContextRelease(ctx);
    CGColorSpaceRelease(colorSpace);
    free(pixelBuffer);
    CFRelease(inbitmapData);
    CGColorSpaceRelease(colorSpace);
    CGImageRelease(imageRef);
    
    return returnImage;
}

 希望对你们有所帮助

 

 
 
 
 
posted @ 2015-09-10 12:24  逐梦boys  阅读(3067)  评论(0编辑  收藏  举报