ios 高斯模糊效果，毛玻璃效果

版权所有，禁止匿名转载；禁止商业使用。
参考资料：http://www.jianshu.com/p/6dd0eab888a6
高斯模糊效果

1. CoreImage: 
iOS5.0之后就出现了Core Image的API,Core Image的API被放在CoreImage.framework库中, 在iOS和OS X平台上，Core Image都提供了大量的滤镜（Filter），在OS X上有120多种Filter，而在iOS上也有90多。

+(UIImage *)coreBlurImage:(UIImage *)image withBlurNumber:(CGFloat)blur 
 { 
     CIContext *context = [CIContext contextWithOptions:nil]; 
     CIImage *inputImage= [CIImage imageWithCGImage:image.CGImage]; 
     //设置filter
     CIFilter *filter = [CIFilter filterWithName:@"CIGaussianBlur"]; 
     [filter setValue:inputImage forKey:kCIInputImageKey]; [filter setValue:@(blur) forKey: @"inputRadius"]; 
     //模糊图片
     CIImage *result=[filter valueForKey:kCIOutputImageKey]; 
     CGImageRef outImage=[context createCGImage:result fromRect:[result extent]];       
     UIImage *blurImage=[UIImage imageWithCGImage:outImage];           
     CGImageRelease(outImage); 
     return blurImage;
 }

毛玻璃效果

  1. 在iOS8.0之后,苹果新增了一个类UIVisualEffectView,通过这个类来实现毛玻璃效果与上面的UIToolbar一样,而且效率也非常之高,使用也是非常简单,几行代码搞定. UIVisualEffectView是一个抽象类,不能直接使用,需通过它下面的三个子类来实现(UIBlurEffect, UIVisualEffevt, UIVisualEffectView);

    子类UIBlurEffect只有一个类方法,用来快速创建一个毛玻璃效果,参数是一个枚举,用来设置毛玻璃的样式,而UIVisualEffectView则多了两个属性和两个构造方法,用来快速将创建的毛玻璃添加到这个UIVisualEffectView上.

    特别注意: 这个类是iOS8.0之后才适用, 所以如果项目要兼容iOS7.0的话, 还是要考虑其它的两种方法了.

实现代码:

同样是先快速的实例化UIBlurEffect并设置毛玻璃的样式,然后再通过UIVisualEffectView的构造方法将UIBlurEffect的实例添加上去, 最后设置frame或者是通过添加约束, 将effectView添加到要实现了毛玻璃的效果的view控件上,效果图和上面的一样.

 iOS8.0
  毛玻璃的样式(枚举)
  UIBlurEffectStyleExtraLight,
  UIBlurEffectStyleLight,
  UIBlurEffectStyleDark
 
  UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
  UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect];
  effectView.frame = CGRectMake(0, 0, bgImgView.frame.size.width*0.5, bgImgView.frame.size.height);
  [bgImgView addSubview:effectView];

项目地址:https://github.com/524429264/EffectViewDemo





0 0
上一篇：html5基础（8）indexedDB数据库 下一篇：SQL Prompt v10+破解

相关文章