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; }
希望对你们有所帮助