iOS开发使用半透明模糊效果方法整理

最新推荐文章于 2022-03-25 11:58:03 发布

running_boy

最新推荐文章于 2022-03-25 11:58:03 发布

阅读量390

点赞数

分类专栏：知识模块

知识模块专栏收录该内容

19 篇文章 0 订阅

订阅专栏

虽然iOS很早就支持使用模糊效果对图片等进行处理，但尤其在iOS7以后，半透明模糊效果得到大范围广泛使用。包括今年最新发布的iOS8也沿袭了这一设计，甚至在OS X 10.10版Yosemite中也开始大量使用半透明模糊。

在iOS开发当中，我们有很多选择可以做半透明模糊效果，下面就是一些常见的方式或者说工具。

0. Core Image

作为设计和体验方面的领导者，苹果自己对图片效果和图片处理的支持一定是非常好的，在iOS平台上，5.0之后就出现了Core Image的API。Core Image的API被放在CoreImage.framework库中。

在iOS和OS X平台上，Core Image都提供了大量的滤镜（Filter），这也是Core Image库中比较核心的东西之一。按照官方文档记载，在OS X上有120多种Filter，而在iOS上也有90多。

下面是一段Core Image做模糊的示例代码：

 
        CIContext *context = [CIContext contextWithOptions:nil]; 
       
        CIImage *image = [CIImage imageWithContentsOfURL:imageURL]; 
       
        CIFilter *filter = [CIFilter filterWithName:@ 
        "CIGaussianBlur" 
        ]; 
       
        [filter setValue:image forKey:kCIInputImageKey]; 
       
        [filter setValue:@2.0f forKey: @ 
        "inputRadius" 
        ]; 
       
        CIImage *result = [filter valueForKey:kCIOutputImageKey]; 
       
        CGImageRef outImage = [context createCGImage: result fromRect:[result extent]]; 
       
        UIImage * blurImage = [UIImage imageWithCGImage:outImage];

这里可以看到，Core Image为了做得比较灵活，Filter都是按字符串的名字去创建的，比如高斯模糊滤镜就是“CIGaussianBlur”，这里有一个官方列表可以参看。

除了这里提到的多种Filter之外，Core Image还提供了CIDetector等类，可以支持人脸识别等，在OS X上Core Image也做了更多支持。

1. GPUImage

除了苹果官方提供的之外，第三方也有这方面图片处理的工具。一个叫Brad Larson的老兄就搞了一套叫做GPUImage的开源库。同样的，里面提供了很多Filter。

同样是做高斯模糊，用GPUImage可以这样：

 
        GPUImageGaussianBlurFilter * blurFilter = [[GPUImageGaussianBlurFilter alloc] init]; 
       
        blurFilter.blurRadiusInPixels = 2.0; 
       
        UIImage * image = [UIImage imageNamed:@ 
        "xxx" 
        ]; 
       
        UIImage *blurredImage = [blurFilter imageByFilteringImage:image];