使用CAShapeLayer实现扫描二维码界面

之前写过一篇利用AVCaptureSession扫描二维码的博客，但是那个页面是全屏的，在实际应用中，一般都是中间有一个框，然后二维码对准中间框的时候才能识别。这是怎么实现的呢，经过查找资料，现将方法纪录，供日后查阅。

CAShapeLayer简介

关于CAShapeLayer的介绍网上有很多，我就引用一段吧。原文链接

CAShapeLayer是一个通过矢量图形而不是bitmap来绘制的图层子类。你指定诸如颜色和线宽等属性，用CGPath来定义想要绘制的图形，最后CAShapeLayer就自动渲染出来了。当然，你也可以用Core Graphics直接向原始的CALyer的内容中绘制一个路径，相比直下，使用CAShapeLayer有以下一些优点：

• 渲染快速。CAShapeLayer使用了硬件加速，绘制同一图形会比用Core Graphics快很多。
• 高效使用内存。一个CAShapeLayer不需要像普通CALayer一样创建一个寄宿图形，所以无论有多大，都不会占用太多的内存
• 不会被图层边界剪裁掉。一个CAShapeLayer可以在边界之外绘制。你的图层路径不会像在使用Core Graphics的普通CALayer一样被剪裁掉
• 不会出现像素化。当你给CAShapeLayer做3D变换时，它不像一个有寄宿图的普通图层一样变得像素化

实现扫描界面

首先当然是需要配备一张有扫描框的图片：