程胖出品——二维码扫描（原生扫描+生成二维码+读取相册二维码）

2016-03-15 本文已影响1385人胖子程

写在前面：这篇文章暂分四部分来介绍原生二维码扫描。

苹果原生二维码的功能确实很强大，扫描速度快，不需要对项目进行配置、简单好用......我觉得后一项优势就已经让我有足够的理由抛弃ZBar/ZXing等第三方了——呵呵，谁配谁知道.....
但是很难在网上无法找到一个既能扫描，又可以生成二维码图片，还可以从相册中读取二维码，而且还是苹果原生代码的项目。所以，自己动手写了一个。当然中间代码和思路也多有借鉴，如有雷同,哈哈......
参考大神：artifeng和张国兵（因为没找到链接，这里以名称代替了先，后面找到会添加上）。
核心内容已经展示完毕，如有需要会再次补充。
时间仓促，如有错误敬请指正，共同进步。

A 相机扫描二维码

相机扫描，第一项当然是获得相机设备了，所以模拟器是做不了二维码扫描的。
1 device 获取摄像设备

- (AVCaptureDevice *)device
{
    if (_device == nil) {
        //AVMediaTypeVideo是打开相机
        //AVMediaTypeAudio是打开麦克风
        _device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
    }
    return _device;
}

其中需要注意的是
AVMediaTypeVideo是打开相机
AVMediaTypeAudio是打开麦克风

2 input 创建输入流

- (AVCaptureDeviceInput *)input
{
    if (_input == nil) {
        _input = [AVCaptureDeviceInput deviceInputWithDevice:self.device error:nil];
    }
    return _input;
}

如果无法获取设备，那么也无法获取输入流，这里可以进行判断

if (!input) return;

或者直接对获取设备进行判断

if (self.device == nil) {
        [self showAlertViewWithMessage:@"未检测到相机"];
        return;
    }

3 output 创建输出流

- (AVCaptureMetadataOutput *)output
{
    if (_output == nil) {
        _output = [[AVCaptureMetadataOutput alloc]init];
        [_output setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()];
        //限制扫描区域(上下左右)
        [_output setRectOfInterest:[self rectOfInterestByScanViewRect:_imageView.frame]];
    }
    return _output;
}

output如果不打开就无法输出扫描得到的信息
这里需要设置输出对象解析数据时感兴趣的范围。默认值是CGRect(x: 0,y: 0, width: 1,height: 1)。通过对这个值的观察，我们发现传入的是比例。注意：参照是以横屏的左上角作为原点，而不是竖屏。扫描区域封装成方法，可以方便复用。

- (CGRect)rectOfInterestByScanViewRect:(CGRect)rect {
    CGFloat width = CGRectGetWidth(self.view.frame);
    CGFloat height = CGRectGetHeight(self.view.frame);
    
    CGFloat x = (height - CGRectGetHeight(rect)) / 2 / height;
    CGFloat y = (width - CGRectGetWidth(rect)) / 2 / width;
    
    CGFloat w = CGRectGetHeight(rect) / height;
    CGFloat h = CGRectGetWidth(rect) / width;
    
    return CGRectMake(x, y, w, h);
}

4 session 初始化链接对象

session是输入输出的中间桥梁

- (AVCaptureSession *)session
{
    if (_session == nil) {
        //session
        _session = [[AVCaptureSession alloc]init];
        [_session setSessionPreset:AVCaptureSessionPresetHigh];
        if ([_session canAddInput:self.input]) {
            [_session addInput:self.input];
        }
        if ([_session canAddOutput:self.output]) {
            [_session addOutput:self.output];
        }
    }
    return _session;
}

**5 preview **

- (AVCaptureVideoPreviewLayer *)preview
{
    if (_preview == nil) {
        _preview = [AVCaptureVideoPreviewLayer layerWithSession:self.session];
    }
    return _preview;
}

6 初始化扫描配置

- (void)scanSetup
{
    //1 添加预览图层
    self.preview.frame = self.view.bounds;
    self.preview.videoGravity = AVLayerVideoGravityResize;
    [self.view.layer insertSublayer:self.preview atIndex:0];
    
    //2 设置输出能够解析的数据类型
    //注意:设置数据类型一定要在输出对象添加到回话之后才能设置
    [self.output setMetadataObjectTypes:@[AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code, AVMetadataObjectTypeQRCode]];
    
    //高质量采集率
    [self.session setSessionPreset:AVCaptureSessionPresetHigh];
    
    //3 开始扫描
    [self.session startRunning];
    
}

7 打开/关闭扫描

打开扫描

[self.session starRunning];

关闭扫描

[self.session stopRunning];

8 代理方法读取扫描信息

其实1-7都是配置工作，第8才是重点，因为全部工作都是要获取摄像头扫描得到的信息。

- (void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:(NSArray *)metadataObjects fromConnection:(AVCaptureConnection *)connection
{
    if ([metadataObjects count] > 0) {
        AVMetadataMachineReadableCodeObject *metadataObject = [metadataObjects objectAtIndex:0];
        if ([metadataObject isKindOfClass:[AVMetadataMachineReadableCodeObject class]]) {
            NSString *stringValue = [metadataObject stringValue];
            if (stringValue != nil) {
                [self.session stopRunning];
                //扫描结果
                self.scannedResult = stringValue;
                NSLog(@"%@",stringValue);
                [self showAlertViewWithMessage:stringValue];
                
            }
        }
        
    }
}

对于扫描结果你可以自己处理，包括判断是字符串还是网页链接等等

B 通过输入文本创建简单二维码

第一步当然是在输入框中输入信息。这个自行配置输入框
创建二维码。步骤中描述的比较清楚，不再一一列出

    //关闭扫描
    [self stopScan];
    //键盘下落
    [self.view endEditing:YES];
    
    //1 实例化二维码滤镜
    CIFilter *filter = [CIFilter filterWithName:@"CIQRCodeGenerator"];
    //2 回复滤镜的默认属性(因为滤镜有可能保存上一次的属性)
    [filter setDefaults];
    //3 经字符串转化为NSData
    NSData *data = [self.textField.text dataUsingEncoding:NSUTF8StringEncoding];
    //4 通过KVC设置滤镜，传入data,将来滤镜就知道要通过传入的数据生成二维码
    [filter setValue:data forKey:@"inputMessage"];
    //5 生成二维码
    CIImage *image = [filter outputImage];
    //补充：CIImage是CoreImage框架中最基本代表图像的对象，他不仅包含原图像数据，还包含作用在原图像上的滤镜链

二维码信息已经得到，这时需要将二维码信息转化为image才能够方便我们观看和保存。这里有两种方式将二维码信息转化为imageView。一种高清、一种模糊。一般选择第一种即可。

//<这样讲CIImage直接转换成UIImage生成的二维码比较模糊，有点事比较简单>
    UIImage *image1 = [UIImage imageWithCIImage:image];

self.imageView.image= [self createNonInterpolatedUIImageFormCIImage:image withSize:100.0];
---------这个转化方法可以直接复用---------
//将得到的文本数据转化为高清图片
//由于生成的二维码是CIImage类型，如果直接转换成UIImage，大小不好控制，图片模糊
//高清方法：CIImage->CGImageRef->UIImage
- (UIImage *)createNonInterpolatedUIImageFormCIImage:(CIImage *)image withSize:(CGFloat) size {
    CGRect extent = CGRectIntegral(image.extent);
    //设置比例
    CGFloat scale = MIN(size/CGRectGetWidth(extent), size/CGRectGetHeight(extent));
    // 创建bitmap（位图）;
    size_t width = CGRectGetWidth(extent) * scale;
    size_t height = CGRectGetHeight(extent) * scale;
    CGColorSpaceRef cs = CGColorSpaceCreateDeviceGray();
    CGContextRef bitmapRef = CGBitmapContextCreate(nil, width, height, 8, 0, cs, (CGBitmapInfo)kCGImageAlphaNone);
    CIContext *context = [CIContext contextWithOptions:nil];
    CGImageRef bitmapImage = [context createCGImage:image fromRect:extent];
    CGContextSetInterpolationQuality(bitmapRef, kCGInterpolationNone);
    CGContextScaleCTM(bitmapRef, scale, scale);
    CGContextDrawImage(bitmapRef, extent, bitmapImage);
    // 保存bitmap到图片
    CGImageRef scaledImage = CGBitmapContextCreateImage(bitmapRef);
    CGContextRelease(bitmapRef);
    CGImageRelease(bitmapImage);
    return [UIImage imageWithCGImage:scaledImage];
}

将创建的二维码图片保存到相册

- (void)saveImageToPhotoLib
{
    UIImageWriteToSavedPhotosAlbum(self.imageView.image, self, @selector(saveImage:didFinishSavingWithError:contextInfo:), nil);
}
- (void)saveImage:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo
{
    if (error == nil) {
        [self showAlertViewWithTitle:@"保存图片" withMessage:@"成功"];
    }
    else
    {
        [self showAlertViewWithTitle:@"保存图片" withMessage:@"失败"];
    }
}

C 相册读取二维码

第一步当然是要先打开相册了

- (void)chooseButtonClick
{
    if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]) {
        //关闭扫描
        [self stopScan];
        
        //1 弹出系统相册
        UIImagePickerController *pickVC = [[UIImagePickerController alloc]init];
        //2 设置照片来源
        /**
         UIImagePickerControllerSourceTypePhotoLibrary,相册
         UIImagePickerControllerSourceTypeCamera,相机
         UIImagePickerControllerSourceTypeSavedPhotosAlbum,照片库
         */

        pickVC.sourceType = UIImagePickerControllerSourceTypeSavedPhotosAlbum;
        //3 设置代理
        pickVC.delegate = self;
        //4.随便给他一个转场动画
        self.modalTransitionStyle=UIModalTransitionStyleFlipHorizontal;
        [self presentViewController:pickVC animated:YES completion:nil];
    }
    else
    {
        [self showAlertViewWithTitle:@"打开失败" withMessage:@"相册打开失败。设备不支持访问相册，请在设置->隐私->照片中进行设置！"];
        
    }
    
}

从相册中选取照片并读取照片上的二维码信息

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info
{
    //1 获取选择的图片
    UIImage *image = info[UIImagePickerControllerOriginalImage];
    //初始化一个监听器
    CIDetector *detector = [CIDetector detectorOfType:CIDetectorTypeQRCode context:nil options:@{CIDetectorAccuracy : CIDetectorAccuracyHigh}];
    [picker dismissViewControllerAnimated:YES completion:^{
        //监测到的结果数组
        NSArray *features = [detector featuresInImage:[CIImage imageWithCGImage:image.CGImage]];
        if (features.count >= 1) {
            //结果对象
            CIQRCodeFeature *feature = [features objectAtIndex:0];
            NSString *scannedResult = feature.messageString;
            [self showAlertViewWithTitle:@"读取相册二维码" withMessage:scannedResult];
        }
        else
        {
            [self showAlertViewWithTitle:@"读取相册二维码" withMessage:@"读取失败"];
        }
    }];
}

D 扫描特效&其他设置

扫描方式有很多种，这里贴出来一种比较简单的:通过定时器控制View做动画。大家可以充分使用各种技巧来使得扫描动作更加丰富。

- (void)addTimer
{
    _timer = [NSTimer scheduledTimerWithTimeInterval:0.008 target:self selector:@selector(timerMethod) userInfo:nil repeats:YES];
}
//控制扫描线上下滚动
- (void)timerMethod
{
    if (upOrDown == NO) {
        num ++;
        _line.frame = CGRectMake(CGRectGetMinX(_imageView.frame)+5, CGRectGetMinY(_imageView.frame)+5+num, CGRectGetWidth(_imageView.frame)-10, 3);
        if (num == (int)(CGRectGetHeight(_imageView.frame)-10)) {
            upOrDown = YES;
        }
    }
    else
    {
        num --;
        _line.frame = CGRectMake(CGRectGetMinX(_imageView.frame)+5, CGRectGetMinY(_imageView.frame)+5+num, CGRectGetWidth(_imageView.frame)-10, 3);
        if (num == 0) {
            upOrDown = NO;
        }
    }
}
//暂定扫描
- (void)stopScan
{
    //弹出提示框后，关闭扫描
    [self.session stopRunning];
    //弹出alert，关闭定时器
    [_timer setFireDate:[NSDate distantFuture]];
    //隐藏扫描线
    _line.hidden = YES;
}
- (void)starScan
{
    //开始扫描
    [self.session startRunning];
    //打开定时器
    [_timer setFireDate:[NSDate distantPast]];
    //显示扫描线
    _line.hidden = NO;
}

模糊界面的设置

- (void)setOverView {
    CGFloat width = CGRectGetWidth(self.view.frame);
    CGFloat height = CGRectGetHeight(self.view.frame);
    
    CGFloat x = CGRectGetMinX(_imageView.frame);
    CGFloat y = CGRectGetMinY(_imageView.frame);
    CGFloat w = CGRectGetWidth(_imageView.frame);
    CGFloat h = CGRectGetHeight(_imageView.frame);
    
    [self creatView:CGRectMake(0, 0, width, y)];
    [self creatView:CGRectMake(0, y, x, h)];
    [self creatView:CGRectMake(0, y + h, width, height - y - h)];
    [self creatView:CGRectMake(x + w, y, width - x - w, h)];
}

- (void)creatView:(CGRect)rect {
    CGFloat alpha = 0.5;
    UIColor *backColor = [UIColor blueColor];
    UIView *view = [[UIView alloc] initWithFrame:rect];
    view.backgroundColor = backColor;
    view.alpha = alpha;
    [self.view addSubview:view];
}

闪光灯当然也不可少了——夜空中最亮的星

- (void)systemLightSwitch:(BOOL)open
{
    AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
    if ([device hasTorch]) {
        [device lockForConfiguration:nil];
        if (open) {
            [device setTorchMode:AVCaptureTorchModeOn];
        } else {
            [device setTorchMode:AVCaptureTorchModeOff];
        }
        [device unlockForConfiguration];
    }
}

这个当然是通过按钮控制的了，可自行添加按钮，只需要每次记录点击时候的BOOL值。

程胖出品——二维码扫描（原生扫描+生成二维码+读取相册二维码）

写在前面：这篇文章暂分四部分来介绍原生二维码扫描。

A 相机扫描二维码

B 通过输入文本创建简单二维码

C 相册读取二维码

D 扫描特效&其他设置

Demo点这里

猜你喜欢

热点阅读