iOS之滤镜

因为需求原因，昨天又好好回顾了一下滤镜的知识，记录下来，免得忘掉，老了，记性总是出奇的差，哈哈😺

1.CIImage：

保存图像数据的类 CGImageRef->图像中的数据
下面是CIImage对象的创建，方式有很多，我只是列举了这种
CIImage *inputImage = [CIImage imageWithCGImage:self.imageView.image.CGImage];

2.CIFilter：

滤镜类 图片属性进行细节处理的类 它对所有的像素进行操作 用键-值（KVC）来设置，所有的滤镜效果就像一棵树的分叉一般，有很多的树枝，树枝就是滤镜的大概效果，然而具体的样子就是每一个树枝的叶子，这 才是你所需要的滤镜效果 也就是value。

3.CIContext：

上下文是实现对图像处理的具体对象 ，滤镜对象输出的图像并不是合成之后的图像 需要使用图像处理的上下文 合并 输出的图像

4介绍一下树枝，滤镜的主要类

kCICategoryDistortionEffect 扭曲效果，比如bump、旋转、holekCICategoryGeometryAdjustment 几何开着调整，比如仿射变换、平切、透视转换
kCICategoryCompositeOperation 合并，比如源覆盖（source over）、最小化、源在顶（source atop）、色彩混合模式kCICategoryHalftoneEffect Halftone效果，比如screen、line screen、hatched
kCICategoryColorAdjustment 色彩调整，比如伽马调整、白点调整、曝光
kCICategoryColorEffect 色彩效果，比如色调调整、posterize
kCICategoryTransition 图像间转换，比如dissolve、disintegrate with mask、swipe
kCICategoryTileEffect 瓦片效果，比如parallelogram、triangle
kCICategoryGenerator 图像生成器，比如stripes、constant color、checkerboard
kCICategoryGradient 渐变，比如轴向渐变、仿射渐变、高斯渐变
kCICategoryStylize 风格化，比如像素化、水晶化
kCICategorySharpen 锐化、发光
kCICategoryBlur 模糊，比如高斯模糊、焦点模糊、运动模糊
按使用场景分类：
kCICategoryStillImage 用于静态图像
kCICategoryVideo 用于视频
kCICategoryInterlaced 用于交错图像
kCICategoryNonSquarePixels 用于非矩形像素
kCICategoryHighDynamicRange 用于HDR

以上这些就是主要类别，每一个类别之下包含了很多的滤镜效果，那么怎么查看这些效果那 2中方法
1、就是通过调用类方法，比如查看kCICategoryColorEffect 效果下的所有滤镜名称

 NSLog(@"%@",[CIFilter filterNamesInCategory:kCICategoryColorEffect]);

2、我们知道了滤镜名称，但是不知道有哪些参数，参数该如何设置
这个时候我就想到了查看苹果文档，

image.png

3、打开之后，按照如图， 点击2，进入详情

image.png

4、可以看到，左边是主要分类，而右边则是该分类下的滤镜效果

image.png

5、我们打开第一种kCICategoryBlur 类， 查看CIBoxBlur 的效果，很方便，连效果图有展示出来了，我们就知道这种是不是我们需要的效果，而且参数也有 2个 inputImage， inputRadius ,但是在代码中 我们需要加上前缀kCI，也就变成了kCIInputImageKey 和 kCIInputRadiusKey

image.png

4直接贴代码，方便理解

//将uiimage 转化成CIImage
   CIImage *inputImage = [CIImage imageWithCGImage:self.imageView.image.CGImage];
//创建CIBoxBlur滤镜效果的滤镜对象
   CIFilter *filter = [CIFilter filterWithName:@"CIBoxBlur"];
//对该滤镜效果的参数进行设置
   [filter setValue:inputImage forKey:kCIInputImageKey];
   [filter setValue:@100 forKey:kCIInputRadiusKey];
forKey:kCIInputCenterKey];
//输出效果
   CIImage *outPutImage = filter.outputImage;
//创建上下文
   CIContext *context = [CIContext contextWithOptions:nil];

//这个是在CPU中进行渲染，优点是可以后台处理图片
//    NSNumber *number=[NSNumber numberWithBool:YES];
//    NSDictionary *option=[NSDictionary dictionaryWithObject:number forKey:kCIContextUseSoftwareRenderer];
//    _context=[CIContext contextWithOptions:option];

//这个是在GPU中进行渲染，优点是速度快，但是只能在前台
//    EAGLContext *eaglContext=[[EAGLContext alloc]initWithAPI:kEAGLRenderingAPIOpenGLES1];
//    _context=[CIContext //contextWithEAGLContext:eaglContext];//OpenGL优化过的图像上下文

//在上下文中，将图片和该滤镜效果进行融合，此处才是真正的合成该效果
   CGImageRef imageRef = [context createCGImage:outPutImage fromRect:outPutImage.extent];
//展示
    self.imageView.image = [UIImage imageWithCGImage:imageRef];

原效果

image.png

加入滤镜之后的效果

image.png

可以看到 模糊的效果是很明显的
至此，滤镜的思路以及使用方法也就清晰了