qrCode二維碼的生成和識別

阿新 • • 發佈：2019-02-02

有關二維碼的介紹，我這裡不做過多說明，可以直接去基維百科檢視，附上鍊接 QR code .

IOS7之前，開發者進行掃碼程式設計時，一般會藉助第三方庫。常用的是 ZBarSDKa 和 ZXingObjC ，IOS7之後，系統的AVMetadataObject類中，為我們提供瞭解析二維碼的介面。經過測試，使用原生API掃描和處理的效率非常高，遠遠高於第三方庫。

掃描

官方提供的介面非常簡單，直接看程式碼，主要使用的是AVFoundation。

@interface ViewController ()<AVCaptureMetadataOutputObjectsDelegate 
>//用於處理採集資訊的代理
{
    AVCaptureSession * session;//輸入輸出的中間橋樑
}
@end
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    //獲取攝像裝置
    AVCaptureDevice * device = [AVCaptureDevice defaultDeviceWithMediaType: 
AVMediaTypeVideo];
    //建立輸入流
    AVCaptureDeviceInput * input = [AVCaptureDeviceInput deviceInputWithDevice:device error:nil];
    if (!input) return;
    //建立輸出流
    AVCaptureMetadataOutput * output = [[AVCaptureMetadataOutput alloc]init];
    //設定代理 在主執行緒裡重新整理
    [output setMetadataObjectsDelegate:self 
 queue:dispatch_get_main_queue()];
    //設定有效掃描區域
    CGRect scanCrop=[self getScanCrop:_scanWindow.bounds readerViewBounds:self.view.frame];
     output.rectOfInterest = scanCrop;
    //初始化連結物件
    _session = [[AVCaptureSession alloc]init];
    //高質量採集率
    [_session setSessionPreset:AVCaptureSessionPresetHigh];

    [_session addInput:input];
    [_session addOutput:output];
    //設定掃碼支援的編碼格式(如下設定條形碼和二維碼相容)
    output.metadataObjectTypes[email protected][AVMetadataObjectTypeQRCode,AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code];

    AVCaptureVideoPreviewLayer * layer = [AVCaptureVideoPreviewLayer layerWithSession:_session];
    layer.videoGravity=AVLayerVideoGravityResizeAspectFill;
    layer.frame=self.view.layer.bounds;
    [self.view.layer insertSublayer:layer atIndex:0];
    //開始捕獲
    [_session startRunning];
}

-(void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:(NSArray *)metadataObjects fromConnection:(AVCaptureConnection *)connection{
    if (metadataObjects.count>0) {
        //[session stopRunning];
        AVMetadataMachineReadableCodeObject * metadataObject = [metadataObjects objectAtIndex : 0 ];
        //輸出掃描字串
        NSLog(@"%@",metadataObject.stringValue);
    }
}

一些初始化的程式碼加上實現代理方法便完成了二維碼掃描的工作，這裡我們需要注意的是，在二維碼掃描的時候，我們一般都會在螢幕中間放一個方框，用來顯示二維碼掃描的大小區間，這裡我們在個 AVCaptureMetadataOutput 類中有一個 rectOfInterest 屬性，它的作用就是設定掃描範圍。

這個CGRect引數和普通的Rect範圍不太一樣，它的四個值的範圍都是0-1，表示比例。

rectOfInterest都是按照橫屏來計算的所以當豎屏的情況下 x軸和y軸要交換一下。

寬度和高度設定的情況也是類似。

我們在上面設定有效掃描區域的方法如下

#pragma mark-> 獲取掃描區域的比例關係
-(CGRect)getScanCrop:(CGRect)rect readerViewBounds:(CGRect)readerViewBounds
{

    CGFloat x,y,width,height;

    x = (CGRectGetHeight(readerViewBounds)-CGRectGetHeight(rect))/2/CGRectGetHeight(readerViewBounds);
    y = (CGRectGetWidth(readerViewBounds)-CGRectGetWidth(rect))/2/CGRectGetWidth(readerViewBounds);
    width = CGRectGetHeight(rect)/CGRectGetHeight(readerViewBounds);
    height = CGRectGetWidth(rect)/CGRectGetWidth(readerViewBounds);

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

}

讀取

讀取主要用到CoreImage 不過要強調的是讀取二維碼的功能只有在iOS8之後才支援，我們需要在相簿中呼叫一個二維碼，將其讀取，程式碼如下

#pragma mark-> 我的相簿
-(void)myAlbum{

    NSLog(@"我的相簿");
    if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]){
        //1.初始化相簿拾取器
        UIImagePickerController *controller = [[UIImagePickerController alloc] init];
        //2.設定代理
        controller.delegate = self;
        //3.設定資源：
        /**
         UIImagePickerControllerSourceTypePhotoLibrary,相簿
         UIImagePickerControllerSourceTypeCamera,相機
         UIImagePickerControllerSourceTypeSavedPhotosAlbum,照片庫
         */
        controller.sourceType = UIImagePickerControllerSourceTypeSavedPhotosAlbum;
        //4.隨便給他一個轉場動畫
        controller.modalTransitionStyle=UIModalTransitionStyleFlipHorizontal;
        [self presentViewController:controller animated:YES completion:NULL];

    }else{

        UIAlertView * alert = [[UIAlertView alloc]initWithTitle:@"提示" message:@"裝置不支援訪問相簿，請在設定->隱私->照片中進行設定！" delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];
        [alert show];
    }

}

完成相簿代理，我們在代理中新增讀取二維碼方法

#pragma mark-> imagePickerController delegate
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
{
    //1.獲取選擇的圖片
    UIImage *image = info[UIImagePickerControllerOriginalImage];
    //2.初始化一個監測器
    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;
            UIAlertView * alertView = [[UIAlertView alloc]initWithTitle:@"掃描結果" message:scannedResult delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];
            [alertView show];

        }
        else{
            UIAlertView * alertView = [[UIAlertView alloc]initWithTitle:@"提示" message:@"該圖片沒有包含一個二維碼！" delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];
            [alertView show];

        }


    }];


}

因為沒用真機，所以這裡沒有給出太多的截圖，用模擬器讀取自帶圖片，結果如下

生成

生成二維碼，其實也是用到CoreImage，但是步驟繁瑣一些，程式碼如下

#pragma mark-> 二維碼生成
-(void)create{

    UIImage *image=[UIImage imageNamed:@"6824500_006_thumb.jpg"];
    NSString*tempStr;
    if(self.textField.text.length==0){

        tempStr=@"ddddddddd";

    }else{

        tempStr=self.textField.text;

    }
    UIImage*tempImage=[QRCodeGenerator qrImageForString:tempStr imageSize:360 Topimg:image withColor:RandomColor];

    _outImageView.image=tempImage;

}
+(UIImage*)qrImageForString:(NSString *)string imageSize:(CGFloat)size Topimg:(UIImage *)topimg withColor:(UIColor*)color{

    if (![string length]) {
        return nil;
    }

    QRcode *code = QRcode_encodeString([string UTF8String], 0, QR_ECLEVEL_L, QR_MODE_8, 1);
    if (!code) {
        return nil;
    }

    // create context
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef ctx = CGBitmapContextCreate(0, size, size, 8, size * 4, colorSpace, kCGImageAlphaPremultipliedLast);

    CGAffineTransform translateTransform = CGAffineTransformMakeTranslation(0, -size);
    CGAffineTransform scaleTransform = CGAffineTransformMakeScale(1, -1);
    CGContextConcatCTM(ctx, CGAffineTransformConcat(translateTransform, scaleTransform));

    // draw QR on this context
    [QRCodeGenerator drawQRCode:code context:ctx size:size withPointType:0 withPositionType:0 withColor:color];

    // get image
    CGImageRef qrCGImage = CGBitmapContextCreateImage(ctx);
    UIImage * qrImage = [UIImage imageWithCGImage:qrCGImage];

    if(topimg)
    {
        UIGraphicsBeginImageContext(qrImage.size);

        //Draw image2
        [qrImage drawInRect:CGRectMake(0, 0, qrImage.size.width, qrImage.size.height)];

        //Draw image1
        float r=qrImage.size.width*35/240;
        [topimg drawInRect:CGRectMake((qrImage.size.width-r)/2, (qrImage.size.height-r)/2 ,r, r)];

        qrImage=UIGraphicsGetImageFromCurrentImageContext();

        UIGraphicsEndImageContext();
    }

    // some releases
    CGContextRelease(ctx);
    CGImageRelease(qrCGImage);
    CGColorSpaceRelease(colorSpace);
    QRcode_free(code);

    return qrImage;

}
+ (void)drawQRCode:(QRcode *)code context:(CGContextRef)ctx size:(CGFloat)size withPointType:(QRPointType)pointType withPositionType:(QRPositionType)positionType withColor:(UIColor *)color {
unsigned char *data = 0;
int width;
data = code->data;
width = code->width;
float zoom = (double)size / (code->width + 2.0 * qr_margin);
CGRect rectDraw = CGRectMake(0, 0, zoom, zoom);

// draw
    const CGFloat *components;
    if (color) {
        components = CGColorGetComponents(color.CGColor);
    }else {
        components = CGColorGetComponents([UIColor blackColor].CGColor);
    }
    CGContextSetRGBFillColor(ctx, components[0], components[1], components[2], 1.0);
    NSLog(@"aad :%f  bbd :%f   ccd:%f",components[0],components[1],components[2]);

for(int i = 0; i < width; ++i) {
for(int j = 0; j < width; ++j) {
if(*data & 1) {
rectDraw.origin = CGPointMake((j + qr_margin) * zoom,(i + qr_margin) * zoom);
                if (positionType == QRPositionNormal) {
                    switch (pointType) {
                        case QRPointRect:
                            CGContextAddRect(ctx, rectDraw);
                            break;
                        case QRPointRound:
                            CGContextAddEllipseInRect(ctx, rectDraw);
                            break;
                        default:
                            break;
                    }
                }else if(positionType == QRPositionRound) {
                    switch (pointType) {
                        case QRPointRect:
                            CGContextAddRect(ctx, rectDraw);
                            break;
                        case QRPointRound:
                            if ((i>=0 && i<=6 && j>=0 && j<=6) || (i>=0 && i<=6 && j>=width-7-1 && j<=width-1) || (i>=width-7-1 && i<=width-1 && j>=0 && j<=6)) {
                                CGContextAddRect(ctx, rectDraw);
                            }else {
                                CGContextAddEllipseInRect(ctx, rectDraw);
                            }
                            break;
                        default:
                            break;
                    }
                }
}
++data;
}
}
CGContextFillPath(ctx);
}

在textField輸入，生成下圖

長按二維碼識別

這個功能有很多的地方在用，最讓人熟知的我想便是微信了，其實實現方法還是很簡單的。

 #pragma mark-> 長按識別二維碼
-(void)dealLongPress:(UIGestureRecognizer*)gesture{

    if(gesture.state==UIGestureRecognizerStateBegan){

        _timer.fireDate=[NSDate distantFuture];

        UIImageView*tempImageView=(UIImageView*)gesture.view;
        if(tempImageView.image){
            //1. 初始化掃描器，設定設別型別和識別質量
            CIDetector*detector = [CIDetector detectorOfType:CIDetectorTypeQRCode context:nil options:@{ CIDetectorAccuracy : CIDetectorAccuracyHigh }];
            //2. 掃描獲取的特徵組
            NSArray *features = [detector featuresInImage:[CIImage imageWithCGImage:tempImageView.image.CGImage]];
            //3. 獲取掃描結果
            CIQRCodeFeature *feature = [features objectAtIndex:0];
            NSString *scannedResult = feature.messageString;
            UIAlertView * alertView = [[UIAlertView alloc]initWithTitle:@"掃描結果" message:scannedResult delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];
            [alertView show];
        }else {

            UIAlertView * alertView = [[UIAlertView alloc]initWithTitle:@"掃描結果" message:@"您還沒有生成二維碼" delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];
            [alertView show];
        }


    }else if (gesture.state==UIGestureRecognizerStateEnded){


        _timer.fireDate=[NSDate distantPast];
    }


}

我們用剛才生成的二維碼進行長按識別，效果如下

結語

本文demo下載地址請點這裡 Demo ,

系統原生的二維碼掃描掃描識別速度，要比第三方好用得多，在沒有特殊原因的情況下，比如7.0系統以下，我希望大家都能用系統原生的方法。

文章若有問題請給予指正，感謝。

qrCode二維碼的生成和識別

掃描

讀取

生成

長按二維碼識別

結語

Android 二維碼生成和識別（附Demo原始碼）

Java實現的二維碼生成和解析(QRCode方式)

QRCode二維碼掃描和生成

jquery-qrcode 二維碼生成

JavaScript實現線上Qrcode二維碼生成工具-toolfk程式設計師線上工具網

Java實現的二維碼生成和解析(zxing方式)

QRCode二維碼生成方案及其在帶LOGO型二維碼中的應用（2）

玩轉Android之二維碼生成與識別

qt實現二維碼生成和解析

在android上實現二維碼生成和掃描

Android使用zxing-android-embedded（由zxing開發）實現二維碼生成和掃描

基於Zxing的二維碼生成和二維碼掃描

Java二維碼生成和解析

jquery qrcode二維碼生成外掛

qrCode二維碼的生成和識別

python二維碼生成庫(qrcode)簡介和例項

Java ZXing 生成QRCode二維碼的兩種方式，可設定圖片大小，和外白色邊框大小

使用zxing生成和讀取QRCode二維碼

QRCode.js 二維碼生成並能夠長按識別

jquery二維碼生成插件jquery.qrcode.js

qrCode二維碼的生成和識別

掃描

讀取

生成

長按二維碼識別

結語

相關推薦