GPUImage的基本使用

GPUImage 是一个开源的图像处理库,提供了非常多的滤镜效果来加工图片。GPUImage 并不像一般的第三方库可以直接拖入到工程中使用,而是需要先在本地编译,然后将编译后的文件拖入到工程中使用。

配置步骤如下:

1.首先下载 GPUImage

2.解压后,在framework 目录下,打开 GPUImage.xcodeproj 工程

3.把Headers文件夹下 Project中的头文件,全部拖到 Public文件夹下面

GPUImage的基本使用_第1张图片
把Headers文件夹下 Project中的头文件,全部拖到 Public文件夹下面

4.运行该工程

5.点击Products下的 libGPUImage.a,右键, show in finder

GPUImage的基本使用_第2张图片
show in finder

6.把该目录下的libGpuImage.a 和 User文件夹拖到我们的工程下面

GPUImage的基本使用_第3张图片
工程展示

7.引入头文件 "GPUImage.h"

GPUImage.h

现在配置工作就已经完成,接下来就是基本使用!

我项目主要需要实现的功能就是为图片添加滤镜和在相机中添加滤镜

为图片添加滤镜

首先创建了一个UIImageView控件,提供需要添加图片的滤镜

GPUImage的基本使用_第4张图片
为UIImageView赋值

点击屏幕,为图片添加滤镜

GPUImage的基本使用_第5张图片
添加滤镜

注意点:

滤镜样式

GPUImageSketchFilter就是一种滤镜效果,这里表示的效果是素描

实现效果如下:

GPUImage的基本使用_第6张图片
原图
GPUImage的基本使用_第7张图片
添加滤镜后的图
为相机添加滤镜

1.创建一个CameraViewController类

2.引入相关文件及声明属性

GPUImage的基本使用_第8张图片
引入相关文件及声明属性

3.初始化

GPUImage的基本使用_第9张图片
初始化
GPUImage的基本使用_第10张图片
初始化

4.添加拍照按钮

GPUImage的基本使用_第11张图片
添加拍照按钮

5.拍照后保存至相册(被Photos这个框架替代了)

GPUImage的基本使用_第12张图片
拍照后保存至相册

6.设置btnBgView的位置,设置其为隐藏状态

GPUImage的基本使用_第13张图片
设置btnBgView的位置

7.创建滤镜样式选择按钮,使用scrollView进行滑动选择

GPUImage的基本使用_第14张图片
创建滤镜样式选择按钮
GPUImage的基本使用_第15张图片
创建滤镜样式选择按钮

8.初始化滤镜按钮点击状态

GPUImage的基本使用_第16张图片
初始化滤镜按钮点击状态

9.滤镜切换

GPUImage的基本使用_第17张图片
滤镜切换
GPUImage的基本使用_第18张图片
滤镜切换

以上就GPUImage的基本使用,为图片及相机添加滤镜!

借鉴与下面两位大神文章:

大神!!

过滤器的简介

有什么问题,欢迎讨论!

你可能感兴趣的:(GPUImage的基本使用)