转载

IOS图片效果模糊化

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

首先效果图如下

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

方法一:使用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>

正文到此结束
Loading...