毛玻璃效果的几种实现方式

在开发过程中，我们有时候会遇到一些需求，就是对图片进行处理，达到毛玻璃效果。

处理方式一：

直接用UIToolBar进行处理，因为UIToolBar自带毛玻璃处理效果。如下执行方法所示。

-(void)initBackImage{

    self.personalImgeBlur.image =[UIImage imageNamed:@"xxx.png"];

    UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0,self.view.frame.size.width, self.personalImgeBlur.frame.size.height)];

 [self.personalImgeBlur addSubview:toolbar];

}

图1

如图1所示，中间的图为原始图，背景图就是使用UIToolBar后的效果图，从图片可以看出，效果并不理想，原始图的轮廓都看不清楚了。

为了改变效果，可以通过修改toolBar的barStyle属性来实现不同风格的毛玻璃效果：其取值范围有UIBarStyleDefault、UIBarStyleBlack、UIBarStyleBlackOpaque和UIBarStyleBlackTranslucent。下面我们使用UIBarStyleBlackTranslucent来设置效果。toolbar.barStyle = UIBarStyleBlackTranslucent。

图2

图2效果要比图1的效果好。我们再在此基础上，设置toolbar.alpha=0.6;效果如图3所示。

图3

从该图可以看出，具体的图片轮廓分明，效果比较好。

处理方式二：

 自iOS 8之后，新增了UIBlurEffect 类和 UIVisualEffectView 类，可以用来实现毛玻璃效果。代码和效果如下：

-(void)initBackImage{

    self.personalImgeBlur.image = self.personalImage.image;

    UIBlurEffect *blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

    UIVisualEffectView *effectview = [[UIVisualEffectView alloc] initWithEffect:blur];

    effectview.frame = self.personalImgeBlur.frame;

    [self.personalImgeBlur addSubview:effectview];

}

图4

当然，和UIToolBar类似，也可以修改参数，达到不同的效果。具体设置参数有如下几种，UIBlurEffectStyleExtraLight、UIBlurEffectStyleLight和UIBlurEffectStyleDark。设置方式和UIToolBar类似，此处就不一一罗列。

方法三：

Core Image方法，直接看代码

-(void)initBackImage{

    UIImageView *blurImageView = [[UIImageView alloc]initWithFrame:self.personalImgeBlur.bounds];

    blurImageView.image= [selfblur:self.personalImage.image];

    [self.personalImgeBlur addSubview:blurImageView];

}

- (UIImage*)blur:(UIImage*)theImage{

    CIContext*context = [CIContextcontextWithOptions:nil];

    CIImage*inputImage = [CIImageimageWithCGImage:theImage.CGImage

    CIFilter*filter = [CIFilterfilterWithName:@"CIGaussianBlur"];

    [filtersetValue:inputImage forKey:kCIInputImageKey];

    [filtersetValue:[NSNumber numberWithFloat:15.0f] forKey:@"inputRadius"];

    CIImage *result = [filter valueForKey:kCIOutputImageKey];

   CGImageRefcgImage = [contextcreateCGImage:resultfromRect:[inputImageextent]];

    UIImage*returnImage = [UIImageimageWithCGImage:cgImage];

    CGImageRelease(cgImage);

    returnreturnImage;

}

效果如图5所示

图5