IOS开发之滤镜 CIImage、CIFilter

   滤镜这个词也许大家会耳生，特别是男生，不是歧视哦，只是你不经常用而已，那么肯定就有人说，我是女生怎么了，我也没有听过这个词啊，是不是过滤代码的？（你真是想多了－3－！）

  但是你会对一下的几个词比较耳熟，比如说anglelababy代言的美颜相机，还有你们经常使用的美图秀秀，你以为你照下来就是那么美若天仙的样子？本人表示再也不相信网上的美女了，忽然觉得咱班花都挺好。哈哈；

   好了，话不多说，我们来进入今天的主题：滤镜

•  介绍

         框架介绍

         类的介绍

         效果介绍

• 使用

        使用步骤

        滤镜属性

 

• 滤镜链的使用

   

   1. *框架介绍

    （1） CoreImage

    （2） 是一个图像框架 他是基于OpenGL顶层创建的一个框架

    （3） 它是利用GPU机遇硬件加速来处理图像

    （4） CoreImage中有很多滤镜

    （5）它们能够一次给予一张图像或者视频帧多种视觉效果 -> 滤镜链

    （6）而且滤镜可以连接起来组成一个滤镜链 把滤镜效果叠加起来处理图像

  2.类的介绍

   （1）CIImage 保存图像数据的类  可以和UIImage去转换

            CGImgeRef 图像里面的数据‘

    （2）CIFilter：滤镜类  对滤镜对象进行设置的时候是通过键值编码来设置的（KVC）

    （3）CIContext ：上下文 是实现对图像处理的具体对象 ——》滤镜对象输出的对象并不是合成之后的对象、需要使用图像处理的上下文 合并输出的图像

  3.效果介绍

       100+效果可以通过可以通过Attribute这个属性得到你先要在滤镜上面展示的效果（详细不列举，列举明天早上就起不来了）

 

*使用

 

    使用步骤：

 

      1、有一个CIImage的对象  不能直接把UIIMage转成CIImage  应该先把UIIMage转成CGImgeRef再转成CIImage

 

      2、创建一个滤镜的对象，设置他的参数（KVC）

 

      3、创建CIContext上下文

 

      4、合并滤镜输出的图像 ——  合并之后会得到一个图像

 

      5、赋值给UIImageView显示出来

 

      6、如果想要继续添加滤镜可以继续循环

 

   

 

   滤镜属性：

       注意：我们这里是直接查询到自己需要的属性，并不需要去记，不然就会有一种纪英汉大字典的感觉

 

     1.查询效果分类里面的效果

 

           filterNamesInCategory：

 

     2.查询效果的属性

 

         [CIFilter filterWithName:XXX].attributes

 

 

下面老夫为大家上代码：（不给你整点料，你是不知道我文武全才）

 

   先做准备工作，实在是剧情需要，不然看不出特效：两个button，一个pickViewController（因为要访问到你的相册）、一个ImageView

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.navigationController.navigationBarHidden = YES;
    
    
    imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 200, 500, 600)];
    imageView.contentMode = UIViewContentModeScaleAspectFill;
    imageView.backgroundColor = [UIColor grayColor];
    [self.view addSubview:imageView];
    
    
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(0, 0, 50, 50);
    button.backgroundColor = [UIColor grayColor];
    [button addTarget:self action:@selector(tap:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:button];
    
//
    UIButton *button1 = [UIButton buttonWithType:UIButtonTypeCustom];
    button1.frame = CGRectMake(100, 100, 100, 100);
    [button1 setTitle:@"TICK" forState:UIControlStateNormal];
    button1.backgroundColor = [UIColor brownColor];
    [button1 addTarget:self action:@selector(addEffect) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:button1];
    
  }

- (void)tap:(UIButton *) sender{
    UIImagePickerController *picker = [[UIImagePickerController alloc]init];
    picker.delegate = self;
//    picker.sourceType = 默认是照片
    [self presentViewController:picker animated:YES completion:nil];
    

}

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info{
    [self dismissViewControllerAnimated:YES completion:nil];
    UIImage *image = info[UIImagePickerControllerOriginalImage];
//    得到的照片显示在视图上
    imageView.image = image;
//    NSLog(@"%@",info);
}

现在先讲一下滤镜的大概流程，我觉得一张图就足矣表达：

 

 

- (void)addFilter{
    
    //   1. 需要有一个输入的原图
    CIImage *inputImage = [CIImage imageWithCGImage:imageView.image.CGImage];
    //   2. 需要一个滤镜
    CIFilter *filter = [CIFilter filterWithName:@"CIBumpDistortion"];
    //     通过打印可以设置的属性里面 得到可以设置 inputImage ——》在接口文件里面查找得到的key
   
     // 这里我们使用的是KVC的方式给filter设置属性
    [filter setValue:inputImage forKey:kCIInputImageKey];
    // 设置凹凸的效果半径  越大越明显
    [filter setValue:@500 forKey:kCIInputRadiusKey];
    // CIVector :表示 X Y 坐标的一个类
    // 设置中心点的
    [filter setValue:[CIVector vectorWithX:200 Y:200] forKey:kCIInputCenterKey];
    
    //    3.有一个CIContext的对象去合并原图和滤镜效果
    CIImage *outputImage = filter.outputImage;
    //      创建一个图像操作的上下文
    CIContext *context = [CIContext contextWithOptions:nil];
    //      把原图和滤镜合并起来  包含原图和滤镜效果的图像
    /**
     *  Image :   合成之后的图像
     *  fromRect:  合成之后图像的尺寸： 图像.extent
     */
    CGImageRef imageRef = [context createCGImage:outputImage fromRect:outputImage.extent];
    imageView.image = [UIImage imageWithCGImage:imageRef];
    
    
    
    
}

注意 ：这里有几个坑啊：1。需要原图的时候我们需要的是一个CIImage Class的对象，不是CGIMage的对象，很多人都写错了，所以我们只能转化把CGImage转成CIImage

                                 2. 我们所需要的滤镜属性以及特效的类都只能NSLog出来，而且这里特别容易混淆，具体方法如下：

                                          1.查询 效果分类中 包含什么效果：filterNamesInCategory:

                                             （1）按住command 点击CIFilter 进入接口文件 找到第128行-148行全部都是 效果分类

                                             （2）选择其中某一个分类 NSLog -> [CIFilter filterNamesInCategory:刚才拷贝的分类]; -> 打印出来的 是这个分类包含的所有 效果  -> 拷贝选择其中的某一个效果

                                          2.查询 使用的效果中 可以设置什么属性（KVC） attributes

                                                 NSLog -> [CIFilter filterWithName:刚才拷贝选择其中的某一个效果].attributes ->得到这个滤镜所有可以设置的属性

你要是还理不清的话：1.求神保佑你蒙对了（可能性为负数） 2.如图所示，多多参悟

         

 

       大概流程是：先CIFiliter  ——》 点进去得到category中的其中一个 ——》使用    [CIFilter filterNamesInCategory:刚才拷贝的分类]   方法nslog出所需要的类；  ————》  在类里有很多的子类 随便copy一个  ——》  [CIFilter filterWithName:刚才拷贝选择其中的某一个效果].attributes  获得到所有可设置的属性 ————》  使用KVC的方法设置属性  setValue：Forkey：（注意：这里的key也需要进CIFilter里去找和你所选的属性类似的Key，在CIFilter的165-191行）

 

 *滤镜链：就是滤镜的嵌套组合使用

    

#pragma mark===滤镜链
//再次添加滤镜 形成滤镜链
- (void)addfilterLinkerWithImage:(CIImage *)image{
    CIFilter *filter = [CIFilter filterWithName:@"CISepiaTone"];
    [filter setValue:image forKey:kCIInputImageKey];
    
    [filter setValue:@0.5 forKey:kCIInputIntensityKey];
    CIContext *context = [CIContext contextWithOptions:nil];
    CGImageRef imageRef = [context createCGImage:filter.outputImage fromRect:filter.outputImage.extent];
    imageView.image = [UIImage imageWithCGImage:imageRef];
    
//保存图片到相册  不可以直接保存outputImage 因为这是一个没有合成的图像
    UIImageWriteToSavedPhotosAlbum(imageView.image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);

}

当然 ，你也可以一直添加，到最后一步再把滤镜和原图结合起来，这样更省代码－3－！