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，通过手势识别方案对图像滤镜进行调节拖控。