【iOS开发】制作一个简易的滤镜相机（零）

今年直播是个非常火热的技术方向，随之衍生的副产品便是对相机的各种玩法。我准备用几篇文章跟大家分享一下一些基本的效果的实现方式，帮助大家省下走弯路的时间。

首先我们需要用到一个很重要的开源库GPUImage。Check out到本地以后，直接找个叫SimpleVideoFilter的demo，打开它，修改Bundle identifier，运行在你的iOS真机上。我们可以看到一个简单的调色温的滤镜和自动录制10秒并保存的demo。

图片发自App

研究一下代码以后，我们新建一个工程，从头开始做一个基本能拿出来展示的demo。主要功能包括贴纸，滤镜和分段录制。这一集先做一些基本搭建吧。

1. 新建工程。

2. 立刻关闭工程，到工程目录下面新建Podfile引用GPUImage

    platform :ios,'8.0'
    pod 'GPUImage'
    target 'CameraDemo'
   

3. 在命令行中cd到工程目录，执行pod setup->pod install设置第三方库的引用。

4. 打开xcworkspace文件进行开发。

5. 在Main.storyboard中加入一个UIView用于拍摄。为什么不用button，后面会提到。推荐尺寸50*50，约束设置水平居中并与下方距离恒定。
   

   

   1.png

6. 运行效果相信大家都能脑补了。话说这样的按钮做拍摄按钮不好看。我们把它拖
   到controller对应的ViewController.h中
   @property (weak, nonatomic) IBOutlet UIView *captureButton;

7. 在.m文件中重写viewDidLoad方法。

    - (void)viewDidLoad {
        [super viewDidLoad];
   
        [self.captureButton.layer setCornerRadius:self.captureButton.frame.size.width / 2.f];
    }
   

图片发自App

这样按钮就圆了。先不要吐槽基佬紫的颜色，一开始设为白色不方便调试。

到此这篇文章先告一段落。我们可以看到这篇文章其实并，没，有，什，么，干，货。不过，下一篇，一定有！