当前位置:   article > 正文

IOS开发之滤镜 CIImage、CIFilter

ios ciiimage 素描滤镜

   滤镜这个词也许大家会耳生,特别是男生,不是歧视哦,只是你不经常用而已,那么肯定就有人说,我是女生怎么了,我也没有听过这个词啊,是不是过滤代码的?(你真是想多了-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-!

 

转载于:https://www.cnblogs.com/Biaoac/p/5317012.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/125067
推荐阅读
相关标签
  

闽ICP备14008679号