iOS - QRCode 二维码

时间 2019-11-21

标签 ios qrcode 二维栏目 iOS 繁體版

原文原文链接

一、QRCode

在 iOS7 之前，在 iOS 中实现二维码和条形码扫描，咱们所知的有，两大开源组件 ZBar 与 ZXing。iOS7 以后能够利用系统原生 API 生成二维码, iOS8 以后能够生成条形码, 系统默认生成的颜色是黑色。java
- 一、ZBar 在扫描的灵敏度上，和内存的使用上相对于 ZXing 上都是较优的，可是对于 “圆角二维码” 的扫描确很困难。
- 二、ZXing 是 Google Code 上的一个开源的条形码扫描库，是用 java 设计的，连 Google Glass 都在使用的。但有人为了追求更高效率以及可移植性，出现了 c++ port。Github 上的 Objectivc-C port，其实就是用 OC 代码封装了一下而已，并且已经中止维护。这样效率很是低，在 instrument 下面能够看到 CPU 和内存疯涨，在内存小的机器上很容易崩溃。
- 三、AVFoundation 不管在扫描灵敏度和性能上来讲都是最优的，因此毫无疑问咱们应该切换到 AVFoundation，须要兼容 iOS 6 或以前的版本能够用 ZBar 或 ZXing 代替。
在 iOS8 + 系统中使用相机须要在 Info.plist 中添加 Privacy - Camera Usage Description，并设置其值。使用相册须要在 Info.plist 中添加 Privacy - Photo Library Usage Description，并设置其值。c++
按照下图在 Info.plist 文件中将 Localization native development region 的值改成 China。若是不设置此项弹出的相册页面中显示的按钮等为英文菜单。git

二、系统原生二维码

2.1 扫描二维码

官方提供的接口很是简单，直接看代码，主要使用的是 AVFoundation。github

// 包含头文件
    #import <AVFoundation/AVFoundation.h>

    // 遵照协议
    <AVCaptureMetadataOutputObjectsDelegate>

    // 输入输出的中间桥梁
    @property (nonatomic, strong) AVCaptureSession *session;

    // 扫描窗口
    @property (nonatomic, strong) UIImageView *scanView;

    // 建立扫描视图窗口，自定义方法
    - (void)createdScanView {

        CGFloat margin = 50;
        CGRect scanFrame = CGRectMake(margin,
                                      margin + 20,
                                      self.view.bounds.size.width - margin * 2,
                                      self.view.bounds.size.width - margin * 2);

        self.scanView = [[UIImageView alloc] initWithFrame:scanFrame];

        self.scanView.image = [UIImage imageNamed:@"scan_bg2"];

        [self.view addSubview:self.scanView];

        // 建立扫描
        [self startScan];
    }

    // 建立扫描，自定义方法
    - (void)startScan {

        // 获取摄像设备
        AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];

        // 建立输入流
        AVCaptureDeviceInput *input = [AVCaptureDeviceInput deviceInputWithDevice:device error:nil];

        // 建立输出流
        AVCaptureMetadataOutput *output = [[AVCaptureMetadataOutput alloc] init];

        // 设置代理，在主线程里刷新
        [output setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()];

        // 设置有效扫描区域
        output.rectOfInterest = [self getScanCropWithScanViewFrame:self.scanView.frame readerViewBounds:self.view.bounds];

        // 初始化连接对象
        self.session = [[AVCaptureSession alloc] init];

        // 设置采集率，高质量
        [self.session setSessionPreset:AVCaptureSessionPresetHigh];

        [self.session addInput:input];
        [self.session addOutput:output];

        // 设置扫码支持的编码格式（以下设置条形码和二维码兼容）
        output.metadataObjectTypes = @[AVMetadataObjectTypeQRCode,
                                       AVMetadataObjectTypeEAN13Code,
                                       AVMetadataObjectTypeEAN8Code,
                                       AVMetadataObjectTypeCode128Code];

        AVCaptureVideoPreviewLayer *layer = [AVCaptureVideoPreviewLayer layerWithSession:self.session];
        layer.videoGravity = AVLayerVideoGravityResizeAspectFill;
        layer.frame = self.view.layer.bounds;
        [self.view.layer insertSublayer:layer atIndex:0];

        // 开始捕获
        [self.session startRunning];
    }

    // 设置扫描区域的比例关系，自定义方法
    - (CGRect)getScanCropWithScanViewFrame:(CGRect)scanViewFrame readerViewBounds:(CGRect)readerViewBounds {

        CGFloat x, y, width, height;

        x = scanViewFrame.origin.y / readerViewBounds.size.height;
        y = scanViewFrame.origin.x / readerViewBounds.size.width;
        width = scanViewFrame.size.height / readerViewBounds.size.height;
        height = scanViewFrame.size.width / readerViewBounds.size.width;

        return CGRectMake(x, y, width, height);
    }

    // 获取扫描结果，AVCaptureMetadataOutputObjectsDelegate 协议方法
    - (void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:(NSArray *)metadataObjects
                                                                     fromConnection:(AVCaptureConnection *)connection {

        if (metadataObjects.count > 0) {

            // 中止扫描
            [self.session stopRunning];

            AVMetadataMachineReadableCodeObject *metadataObject = [metadataObjects objectAtIndex:0];

            // 获取扫描结果
            NSString *resultString = metadataObject.stringValue;

            // 输出扫描字符串
            [[[UIAlertView alloc] initWithTitle:@"扫描成功"
                                        message:resultString
                                       delegate:nil
                              cancelButtonTitle:@"肯定"
                              otherButtonTitles:nil] show];
        }
    }

一些初始化的代码加上实现代理方法便完成了二维码扫描的工做，这里咱们须要注意的是，在二维码扫描的时候，咱们通常都会在屏幕中间放一个方框，用来显示二维码扫描的大小区间，这里咱们在AVCaptureMetadataOutput 类中有一个 rectOfInterest 属性，它的做用就是设置扫描范围。这个 CGRect 参数和普通的 Rect 范围不太同样，它的四个值的范围都是 0-1，表示比例。rectOfInterest 都是按照横屏来计算的，因此当竖屏的状况下 x 轴和 y 轴要交换一下，宽度和高度设置的状况也是相似。微信
效果session

2.2 读取二维码

读取主要用到 CoreImage 不过要强调的是读取二维码的功能只有在 iOS8 以后才支持，咱们须要在相册中调用一个二维码，将其读取，代码以下框架

// 遵照协议
    <UIImagePickerControllerDelegate, UINavigationControllerDelegate>

    // 打开相册，选取图片，自定义方法
    - (void)readQRCode {

        if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]) {

            // 初始化相册拾取器
            UIImagePickerController *picker = [[UIImagePickerController alloc] init];

            // 设置资源
            picker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

            // 设置代理
            picker.delegate = self;

            [self presentViewController:picker animated:YES completion:nil];

        } else {

            NSString *errorStr = [NSString stringWithFormat:@"请在系统设置->隐私->照片中容许 \"%@\" 使用照片。",
                                  [[[NSBundle mainBundle] infoDictionary] objectForKey:(NSString *)kCFBundleNameKey]];

            [[[UIAlertView alloc] initWithTitle:@"读取失败"
                                        message:errorStr
                                       delegate:nil
                              cancelButtonTitle:@"肯定"
                              otherButtonTitles:nil] show];
        }
    }

    // 获取选中的图片，imagePickerController 协议方法
    - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info {

        // 获取选择的图片
        UIImage *image = info[UIImagePickerControllerOriginalImage];

        // 识别图片中的二维码
        NSString *resultString = [self recognizeQRCodeFromImage:image];

        // 输出扫描字符串
        [[[UIAlertView alloc] initWithTitle:@"读取成功"
                                    message:resultString
                                   delegate:nil
                          cancelButtonTitle:@"肯定"
                          otherButtonTitles:nil] show];

        // 返回
        [picker dismissViewControllerAnimated:YES completion:nil];
    }

    // 识别图片中的二维码
    - (NSString *)recognizeQRCodeFromImage:(UIImage *)image {

        CIImage *ciImage = [CIImage imageWithCGImage:image.CGImage];

        // 初始化扫描仪，设置识别类型和识别质量
        CIDetector *detector = [CIDetector detectorOfType:CIDetectorTypeQRCode
                                                  context:nil
                                                  options:@{CIDetectorAccuracy: CIDetectorAccuracyHigh}];

        // 扫描获取的特征组
        NSArray *features = [detector featuresInImage:ciImage];

        if (features.count >= 1) {

            // 获取扫描结果
            CIQRCodeFeature *feature = [features objectAtIndex:0];
            NSString *resultString = feature.messageString;

            return resultString;

        } else {

            return @"该图片不包含二维码";
        }
    }

效果ide

2.3 长按识别二维码

这个功能有不少的地方在用，最让人熟知的我想即是微信了，其实实现方法仍是很简单的。性能

// 建立图片，添加长按手势
    - (void)recognizeQRCode {

        CGFloat margin = 50;
        CGRect scanFrame = CGRectMake(margin,
                                      margin + 20,
                                      self.view.bounds.size.width - margin * 2,
                                      self.view.bounds.size.width - margin * 2);

        UIImageView *imageView = [[UIImageView alloc] initWithFrame:scanFrame];
        imageView.image = [UIImage imageNamed:@"demo"];

        imageView.userInteractionEnabled = YES;

        [self.view addSubview:imageView];

        UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self 
                                                                                                action:@selector(dealLongPress:)];
        [imageView addGestureRecognizer:longPress];
    }

    // 处理长按手势，识别图片中的二维码
    - (void)dealLongPress:(UIGestureRecognizer *)gesture {

        if (gesture.state == UIGestureRecognizerStateBegan) {

            UIImageView *pressedImageView = (UIImageView *)gesture.view;

            if (pressedImageView.image) {

                // 识别图片中的二维码
                NSString *resultString = [self recognizeQRCodeFromImage:pressedImageView.image];

                // 输出扫描字符串
                [[[UIAlertView alloc] initWithTitle:@"识别成功"
                                            message:resultString
                                           delegate:nil
                                  cancelButtonTitle:@"肯定"
                                  otherButtonTitles:nil] show];

            } else {
                [[[UIAlertView alloc] initWithTitle:@"识别失败"
                                            message:@"该图片不包含二维码"
                                           delegate:nil
                                  cancelButtonTitle:@"肯定"
                                  otherButtonTitles:nil] show];
            }
        }
    }

    // 识别图片中的二维码
    - (NSString *)recognizeQRCodeFromImage:(UIImage *)image {

        CIImage *ciImage = [CIImage imageWithCGImage:image.CGImage];

        // 初始化扫描仪，设置识别类型和识别质量
        CIDetector *detector = [CIDetector detectorOfType:CIDetectorTypeQRCode
                                                  context:nil
                                                  options:@{CIDetectorAccuracy: CIDetectorAccuracyHigh}];

        // 扫描获取的特征组
        NSArray *features = [detector featuresInImage:ciImage];

        if (features.count >= 1) {

            // 获取扫描结果
            CIQRCodeFeature *feature = [features objectAtIndex:0];
            NSString *resultString = feature.messageString;

            return resultString;

        } else {

            return @"该图片不包含二维码";
        }
    }

效果ui

2.4 生成二维码

生成二维码，其实也是用到 CoreImage，可是步骤繁琐一些，代码以下

// 建立 ImageView，存放生成的二维码
    - (void)createQRCode {

        CGFloat margin = 50;
        CGRect frame = CGRectMake(margin,
                                  margin + 20,
                                  self.view.bounds.size.width - margin * 2,
                                  self.view.bounds.size.width - margin * 2);

        UIImageView *imageView = [[UIImageView alloc] initWithFrame:frame];
        [self.view addSubview:imageView];

        // 生成二维码
        [self createQRCodeToImageView:imageView
                           fromString:@"qianchia"
                             withIcon:[UIImage imageNamed:@"demo1"]
                            withColor:[UIColor redColor]];
    }

    // 生成二维码
    - (void)createQRCodeToImageView:(UIImageView *)imageView
                         fromString:(NSString *)inputString
                           withIcon:(UIImage *)icon
                          withColor:(UIColor *)color {

        // 建立过滤器
        CIFilter *filter = [CIFilter filterWithName:@"CIQRCodeGenerator"];

        // 恢复默认
        [filter setDefaults];

        // 给过滤器添加数据
        NSData *data = [inputString dataUsingEncoding:NSUTF8StringEncoding];

        // 经过 KVO 设置滤镜 inputMessage 数据
        [filter setValue:data forKey:@"inputMessage"];

        // 设置二维码颜色
        UIColor *onColor = color ? : [UIColor blackColor];
        UIColor *offColor = [UIColor whiteColor];

        CIFilter *colorFilter = [CIFilter filterWithName:@"CIFalseColor"
                                           keysAndValues:@"inputImage", filter.outputImage,
                                                         @"inputColor0", [CIColor colorWithCGColor:onColor.CGColor],
                                                         @"inputColor1", [CIColor colorWithCGColor:offColor.CGColor],
                                                         nil];

        // 获取输出的二维码
        CIImage *outputImage = colorFilter.outputImage;
        // CIImage *outputImage = [filter outputImage];

        CIContext *context = [CIContext contextWithOptions:nil];
        CGImageRef cgImage = [context createCGImage:outputImage
                                           fromRect:[outputImage extent]];

        // 将 CIImage 转换成 UIImage，并放大显示
        UIImage *qrImage = [UIImage imageWithCGImage:cgImage
                                             scale:1.0
                                       orientation:UIImageOrientationUp];

        // 重绘 UIImage，默认状况下生成的图片比较模糊
        CGFloat scale = 100;
        CGFloat width = qrImage.size.width * scale;
        CGFloat height = qrImage.size.height * scale;

        UIGraphicsBeginImageContext(CGSizeMake(width, height));
        CGContextRef context1 = UIGraphicsGetCurrentContext();
        CGContextSetInterpolationQuality(context1, kCGInterpolationNone);
        [qrImage drawInRect:CGRectMake(0, 0, width, height)];
        qrImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        CGImageRelease(cgImage);

        // 添加头像

        if (icon) {
            UIGraphicsBeginImageContext(qrImage.size);
            [qrImage drawInRect:CGRectMake(0, 0, qrImage.size.width, qrImage.size.height)];

            // 设置头像大小
            CGFloat scale = 5;
            CGFloat width = qrImage.size.width / scale;
            CGFloat height = qrImage.size.height / scale;
            CGFloat x = (qrImage.size.width - width) / 2;
            CGFloat y = (qrImage.size.height - height) / 2;
            [icon drawInRect:CGRectMake( x,  y, width, height)];

            UIImage *newImage =  UIGraphicsGetImageFromCurrentImageContext();
            UIGraphicsEndImageContext();

            imageView.image = newImage;

        } else {
            imageView.image = qrImage;
        }
    }

效果

2.5 对原生二维码的封装

具体实现代码见 GitHub 源码 QExtension

// 包含头文件
    #import "QExtension.h"

扫描/识别二维码

// 建立二维码扫描视图控制器
    QQRCode *qrCode = [QQRCode q_qrCodeWithResult:^(BOOL isSucceed, NSString *result) {

        if (isSucceed) {

            [[[UIAlertView alloc] initWithTitle:@"Succeed"
                                        message:result
                                       delegate:nil
                              cancelButtonTitle:@"肯定"
                              otherButtonTitles:nil] show];

        } else {

            [[[UIAlertView alloc] initWithTitle:@"Failed"
                                        message:result
                                       delegate:nil
                              cancelButtonTitle:@"肯定"
                              otherButtonTitles:nil] show];
        }
    }];

    // 设置个人二维码信息
    qrCode.myQRCodeInfo = @"http://weixin.qq.com/r/xUqbg1-ENgJJrRvg9x-X";
    qrCode.headIcon = [UIImage imageNamed:@"demo6"];

    // 打开扫描视图控制器
    [self presentViewController:qrCode animated:YES completion:nil];

效果

识别二维码

// 建立图片，添加长按手势
    self.imageView.image = [UIImage imageNamed:@"demo4"];

    UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(dealLongPress:)];
    [self.imageView addGestureRecognizer:longPress];

    // 处理长按手势，识别图片中的二维码
    - (void)dealLongPress:(UIGestureRecognizer *)gesture {

        if (gesture.state == UIGestureRecognizerStateBegan) {

            UIImageView *pressedImageView = (UIImageView *)gesture.view;
            UIImage *image = pressedImageView.image;

            // 识别图片中的二维码
            NSString *result = [image q_stringByRecognizeQRCode];

            [[[UIAlertView alloc] initWithTitle:@"Succeed"
                                        message:result
                                       delegate:nil
                              cancelButtonTitle:@"肯定"
                              otherButtonTitles:nil] show];
        }
    }

效果

生成二维码

// 生成普通的二维码
    UIImage *qrImage = [UIImage q_imageWithQRCodeFromString:@"http://weixin.qq.com/r/xUqbg1-ENgJJrRvg9x-X"
                                                   headIcon:nil
                                                      color:nil
                                                  backColor:nil];

    // 生成带头像的二维码
    UIImage *qrImage = [UIImage q_imageWithQRCodeFromString:@"http://weixin.qq.com/r/xUqbg1-ENgJJrRvg9x-X"
                                                   headIcon:[UIImage imageNamed:@"demo6"]
                                                      color:[UIColor blackColor]
                                                  backColor:[UIColor whiteColor]];

    // 生成指定图片大小的二维码
    UIImage *qrImage = [UIImage q_imageWithQRCodeFromString:@"http://weixin.qq.com/r/xUqbg1-ENgJJrRvg9x-X"
                                                  imageSize:CGSizeMake(2048, 2048)
                                                   headIcon:[UIImage imageNamed:@"demo6"]
                                                  headFrame:CGRectMake(819, 819, 410, 410)
                                                      color:nil
                                                  backColor:nil];

效果

2.6 对原生条形码的封装

具体实现代码见 GitHub 源码 QExtension

// 包含头文件
    #import "QExtension.h"

扫描条形码
- 同上面 2.5 的 "扫描/识别二维码"。

生成条形码

// 生成条形码
    UIImage *qrImage = [UIImage q_imageWithBarCodeFromString:@"cnblogs: QianChia"
                                                       color:nil
                                                   backColor:nil];

    // 生成指定图片大小的条形码
    UIImage *qrImage = [UIImage q_imageWithBarCodeFromString:@"cnblogs: QianChia"
                                                   imageSize:CGSizeMake(1024, 512)
                                                       color:[UIColor blueColor]
                                                   backColor:[UIColor redColor]];

效果

三、ZBarSDK 二维码使用

使用 ZBarSDK，能够扫描条形码和二维码。
配置
- 一、添加 SDK 的依赖库和框架。在项目设置 => TARGETS => Build Phases => Link Binary With Libraries 中依次添加如下库或框架：
```
AVFoundation.framework
    CoreMedia.framework
    CoreVideo.framework
    QuartzCore.framework
    libiconv.tbd
```
- 二、因为 ZBarSDK 不支持 Bitcode，须要在 Xcode 的项目设置 => TARGETS => Build Settings => Build Options => Enable Bitcode 的值设置为 NO，不然没法进行真机调试。
- 三、在 iOS8 + 系统中使用相机须要在 Info.plist 中添加 Privacy - Camera Usage Description，并设置其值。
- 四、在须要使用 ZBarSDK 的文件中
```
// 包含头文件
    #import "ZBarSDK.h"

    // 遵照协议
    <ZBarReaderViewDelegate>
```

建立扫描

// 声明扫描视图
    @property (nonatomic, strong) ZBarReaderView *scanView;

    // 实例化扫描视图
    self.scanView = [[ZBarReaderView alloc] init];

    // 设置扫描视图的位置尺寸
    float width = self.view.bounds.size.width - 40;
    self.scanView.frame = CGRectMake(20, 30, width, width);

    // 设置代理人
    self.scanView.readerDelegate = self;

    // 添加扫描视图
    [self.view addSubview:self.scanView];

    // 关闭闪光灯
    self.scanView.torchMode = 0;

    // 开始扫描
    [self.scanView start];

获取扫描结果

// ZBarReaderViewDelegate 协议方法
    - (void)readerView:(ZBarReaderView *)readerView didReadSymbols:(ZBarSymbolSet *)symbols fromImage:(UIImage *)image {

        for (ZBarSymbol *symbol in symbols) {

            // 获取扫描结果
            NSString *scanString = symbol.data;

            // 显示扫描结果
            self.scanResult.text = scanString;
        }

        // 中止扫描
        [self.scanView stop];
    }

效果

四、ZCZBarSDK 二维码使用

使用 ZCZBarSDK，能够扫描条形码和二维码。
配置
- 一、添加 SDK 的依赖库和框架。在项目设置 => TARGETS => Build Phases => Link Binary With Libraries 中依次添加如下库或框架：
```
libiconv.tbd
```
- 二、因为 ZCZBarSDK 不支持 Bitcode，须要在 Xcode 的项目设置 => TARGETS => Build Settings => Build Options => Enable Bitcode 的值设置为 NO，不然没法进行真机调试。
- 三、在 iOS8 + 系统中使用相机须要在 Info.plist 中添加 Privacy - Camera Usage Description，并设置其值。使用相册须要在 Info.plist 中添加 Privacy - Photo Library Usage Description，并设置其值。
- 四、在须要使用 ZCZBarSDK 的文件中
```
// 包含头文件
    #import "ZCZBarViewController.h"
```

生成二维码

// 将字符串 self.detailTF.text 中的内容生成的二维码存放到 ImageView（self.codeImageView）中。

    if (self.detailTF.text.length != 0) {

        [ZCZBarViewController createImageWithImageView:self.codeImageView String:self.detailTF.text Scale:100];
    }

扫描二维码

// isQRCode: 是否关闭条形码扫描，专门扫描二维码。

    ZCZBarViewController *zzvc = [[ZCZBarViewController alloc] initWithIsQRCode:NO Block:^(NSString *result, BOOL isSucceed) {

        if (isSucceed) {

            self.scanResult.text = [NSString stringWithFormat:@"%@", result];
        }
    }];

    // 打开扫描视图控制器
    [self presentViewController:zzvc animated:YES completion:nil];

效果