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

 希望對你們有所幫助