iOS图片滤镜开发，GPUImage 图像处理

0.前言

对于iOS开发者而言，想要打造一款美图App，最佳首选的开源框架莫过于GPUImage。它内嵌了上百种图像滤镜，能够满足市面上的一切美颜开发方案。同时也具备了实时美颜的功能。通过这样强大的开源框架，我们可以在其上层开发属于我们自己的美图应用。SnapseedImitation 是以Snapseed为原型，利用GPUImage框架开发的图像处理软件。

SnapseedImitation

Github地址：https://github.com/filelife/SnapseedImitation.git

主要依赖GPUImage Github:https://github.com/BradLarson/GPUImage.git

1.导入方式：

1.安装Cocoapods

2.pod 'GPUImage'

3. improt 导入GPUImage.h后编译即可。

2.GPUImage

2.1 GPUImage简单上手

通过GPUImagePicture获取待编辑图像，再经过GPUImageFilter渲染后产出一帧frame，经由消息管道通知后，便可在GPUImageView显示编辑后的图片，或者我们可以通过GPUImageFilter直接导出渲染后的UIImage。

GPUImageInputGPUImageFilterGPUImageOutput

以拉升变形滤镜为例：

//@拉升变形镜滤镜

//创造输入源

GPUImagePicture* gpupicture = [[GPUImagePicturealloc]initWithImage:[UIImageimageNamed:@"Duck.jpg"]];

//创建滤镜

PUImageStretchDistortionFilter* stretchDistortionFilter = [GPUImageStretchDistortionFilternew];

//为滤镜赋值

stretchDistortionFilter.center=CGPointMake(0.2,0.2);

//将输入源和滤镜绑定

[gpupicture addTarget:stretchDistortionFilter];

//为原图附上滤镜效果[gpupicture processImage];

//滤镜收到原图产生的一个frame，并将它作为自己的当前图像缓存

[stretchDistortionFilter useNextFrameForImageCapture];

//通过滤镜，获取当前的图像。

UIImage*image = [stretchDistortionFilter imageFromCurrentFramebuffer];

图像拉升变形前后对比 :

2.2 复合滤镜

开发过程中，必然会有多种滤镜复合的需求，例如一个可以变化亮度、对比度、曝光的图像调节程序。但是依照上一个示例，我们每添加一种滤镜，便会代替之前的滤镜效果。如果每次处理的都是上一次的filter导出的UIImage图片的话，又会导致无法恢复到原图样子，导致失真。（可参考在绘画板中，把图片缩小到最小，再放大，图片变成为了一个像素块。）

这时候，我们需要一个很好用的类：GPUImageFilterPipeline

GPUImageFilterPipeline可以将多个滤镜进行复合，并且在多次处理后，仍然能够恢复成为原图不失真。

仍然以拉升变形和卡通描边效果为例：

//获取原图

GPUImagePicture* gpupicture = [[GPUImagePicturealloc]initWithImage:[UIImageimageNamed:@"Duck.jpg"]];

//输出图像的

ViewGPUImageView* gpuimageView = [[GPUImageViewalloc]initWithFrame:CGRectMake(0,60,320,320)];[self.viewaddSubview:gpuimageView];

//卡通描边滤镜

GPUImageToonFilter* toonFilter = [GPUImageToonFilternew];toonFilter.threshold=0.1;

//拉升变形滤镜

GPUImageStretchDistortionFilter* stretchDistortionFilter = [GPUImageStretchDistortionFilternew];

stretchDistortionFilter.center=CGPointMake(0.5,0.5);

//将滤镜组成数组

NSArray* filters = @[toonFilter,stretchDistortionFilter];

//通过pipline，将输入源，输出，滤镜，三方绑定

GPUImageFilterPipeline* pipLine = [[GPUImageFilterPipelinealloc]initWithOrderedFilters:filters input:self.gpupictureoutput:self.gpuimageView];

//绘制产出最终带有复合滤镜的图像。

[self.gpupictureprocessImage];

//获取产出的UIImage图像

//此时调用useNextFrameForImageCapture的可以是任一在数组中的Filter。

[stretchDistortionFilter useNextFrameForImageCapture];

UIImage* image = [self.pipLinecurrentFilteredFrame];

2.3 复合滤镜的应用

基于GPUImage框架，我为其添加了一套了Snapseed的UI，通过手势识别方案对图像滤镜进行调节拖控。