【iOS分享之路-快速搭建電商平臺(tái)】十五、二維碼生成與掃描

duwenquan-方形LOGO.png

引述

二維碼,越來越多的使用在當(dāng)今社會(huì)中,當(dāng)我們使用支付寶或者微信支付時(shí),通常是通過掃描二維碼來實(shí)現(xiàn),方便快捷。在自己的上一個(gè)電商項(xiàng)目中也使用到了二維碼的生成與掃描。

DWQQRCodeManager

公司的電商平臺(tái)之所以用到二維碼,還是得益于分享免單電商模式:即一個(gè)人在平臺(tái)購買商品后,會(huì)生成自己的二維碼,包含關(guān)系ID,然后分享出去,其他人通過二維碼掃描注冊(cè),購買都會(huì)綁定關(guān)系ID,如果有三個(gè)人通過我分享出去的連接購買東西后,我之前買商品的花的錢就會(huì)全部返還給我。所以開發(fā)過程中會(huì)用到二維碼的生成和掃描,于是,在開發(fā)項(xiàng)目中,對(duì)齊進(jìn)行了封裝,方便以后使用,于是DWQQRCodeManager誕生了。

QRCode.png

DWQQRCodeManager原理

  • A、首先說下生成二維碼
    二維碼可以存放純文本、名片或者URL,其次生成二維碼的步驟:導(dǎo)入CoreImage框架,再次通過濾鏡CIFilter生成二維碼
    1、創(chuàng)建過濾器
    2、恢復(fù)濾鏡的默認(rèn)屬性
    3、設(shè)置內(nèi)容
    4、獲取輸出文件
    5、顯示二維碼
  • B、二維碼的掃描過程
    1、創(chuàng)建捕捉會(huì)話AVCaptureSession
    添加輸入設(shè)備(數(shù)據(jù)從攝像頭輸入) AVCaptureDevice AVCaptureDeviceInput
    2、添加輸出數(shù)據(jù)(示例對(duì)象-->類對(duì)象-->元類對(duì)象-->根元類對(duì)象) AVCaptureMetadataOutput
    2.1.設(shè)置輸入元數(shù)據(jù)的類型(類型是二維碼數(shù)據(jù)) setMetadataObjectTypes
    3、添加掃描圖層 AVCaptureVideoPreviewLayer
    4、開始掃描 startRunning
    5、實(shí)現(xiàn)回調(diào)代理方法,獲取掃描結(jié)果 captureOutput:

DWQQRCodeManager使用方法

1.生成二維碼:

a.根據(jù)字符串生成二維碼

+ (UIImage *)generateImageWithStr:(NSString *)str size:(CGFloat)size

b.指定二維碼大小

+ (UIImage *)createNonInterpolatedUIImageFormCIImage:(CIImage *)image withSize:(CGFloat) size

2.掃描二維碼

掃描方式1【詳見demo中DWQFirstController調(diào)用方式】,部分代碼如下

// 開始掃描
- (void)startScan {
    [self startReadingMachineReadableCodeObjects:@[AVMetadataObjectTypeQRCode] inView:self.view];
}
 // 開始掃描
- (void)startReadingMachineReadableCodeObjects:(NSArray *)codeObjects inView:(UIView *)view {
    // 攝像頭
    AVCaptureDevice *captureDevice = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
    
    // 輸入口
    NSError *error = nil;
    AVCaptureDeviceInput *input = [AVCaptureDeviceInput deviceInputWithDevice:captureDevice error:&error];
    if (error) {
        NSLog(@"%@", error.localizedDescription);
        return;
    }
    
    // 會(huì)話session(連接輸入口和輸出口)
    self.session = [[AVCaptureSession alloc] init];
    [self.session addInput:input]; // 連接輸入口
    
    // 輸出口
    AVCaptureMetadataOutput *output = [[AVCaptureMetadataOutput alloc] init];
    [self.session addOutput:output]; // 連接輸出口
    
    // 設(shè)置輸出口類型和代理, 我們通過其代理方法拿到輸出的數(shù)據(jù)
    [output setMetadataObjectTypes:codeObjects];
    [output setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()]; // 使用主線程隊(duì)列,相應(yīng)比較同步,使用其他隊(duì)列,相應(yīng)不同步,容易讓用戶產(chǎn)生不好的體驗(yàn)
    
    // 設(shè)置展示層(預(yù)覽層),顯示掃描界面/區(qū)域
    self.preview = [AVCaptureVideoPreviewLayer layerWithSession:self.session];
    self.preview.frame = view.bounds;
    [view.layer insertSublayer:self.preview atIndex:0];
    
    // 開掃,走你
    [self.session startRunning];
}

掃描方式2【詳見demo中DWQSecondController調(diào)用方式】,部分代碼如下

 //初始化掃描控制器
    DWQQRScanViewController *controller = [[DWQQRScanViewController alloc] init];
    
    [controller setResultHandler:^(DWQQRScanViewController *controller, NSString *result) {
    //掃描后需要設(shè)置的代碼在這里寫
        
    }];

效果展示

IMG_9003.PNG

Demo下載地址

DWQQRCodeManager

廣大書友覺得不錯(cuò)的話,給個(gè)點(diǎn)贊和喜歡,在GitHub上給個(gè)Star噢~~~~!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容