现在的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 = <span>[[UIVisualEffectView alloc]</span>
<span> initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]]; </span>
<span>ruVisualEffectView.frame = self.ruImageView.bounds; </span>
<span>ruVisualEffectView.alpha = <span>1.0; </span></span>
<span><span>[self.ruImageView addSubview:ruVisualEffectView];</span></span>