掃描二維碼- 功能實現(xiàn)

掃描二維碼- 功能實現(xiàn)

1. 是指像微信、支付寶等通過二維碼掃描工具動態(tài)識別攝像頭見到的區(qū)域中的二維碼
2. 讀取二維碼需要導(dǎo)入AVFoundation框架
3. 利用攝像頭識別二維碼中的內(nèi)容(模擬器無法實現(xiàn)該功能)

掃描二維碼- 功能實現(xiàn)(讀取二維碼) <- OC

  1. 導(dǎo)入框架

    #import <AVFoundation/AVFoundation.h>
    
  2. 實現(xiàn)步驟及代碼

    // 1. 實例化拍攝設(shè)備
            AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
    
    // 2. 把攝像頭當做一個輸入設(shè)備
            AVCaptureDeviceInput *input = [AVCaptureDeviceInput deviceInputWithDevice:device error:nil];
    
    // 3. 設(shè)置元數(shù)據(jù)輸出
        // 3.1 實例化拍攝元數(shù)據(jù)輸出
            AVCaptureMetadataOutput *output = [[AVCaptureMetadataOutput alloc] init];
    
        // 3.2 設(shè)置輸出數(shù)據(jù)代理
            [output setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()];
    
        // 3.3 設(shè)置掃描取景范圍(rectOfInterest 都是按照橫屏來計算的 所以當豎屏的情況下 x軸和y軸要交換一下)
        CGFloat screenW = [UIScreen mainScreen].bounds.size.width;
        CGFloat screenH = [UIScreen mainScreen].bounds.size.height;
        CGFloat scanW = screenW * 0.6;
        CGRect scanRect = CGRectMake((screenW - scanW) * 0.5, (screenH - scanW) * 0.5, scanW, scanW);
        output.rectOfInterest = CGRectMake(scanRect.origin.y / screenH, scanRect.origin.x / screenW, scanRect.size.height / screenH, scanRect.size.width / screenW);
    
        // 3.4 設(shè)置掃描區(qū)域的邊框
        UIView *scanV = [[UIView alloc] initWithFrame:scanRect];
        [self.view addSubview:scanV];
        scanV.layer.borderWidth = 2;
        scanV.layer.borderColor = [UIColor redColor].CGColor;
    
    // 4. 添加拍攝會話
        // 4.1 實例化拍攝會話
            AVCaptureSession *session = [[AVCaptureSession alloc] init];
    
        // 4.2 添加會話輸入
            [session addInput:input];
    
        // 4.3 添加會話輸出
            [session addOutput:output];
    
        // 4.4 設(shè)置輸出數(shù)據(jù)類型,需要將元數(shù)據(jù)輸出添加到會話后,才能指定元數(shù)據(jù)類型,否則會報錯
            [output setMetadataObjectTypes:@[AVMetadataObjectTypeQRCode]];
    
    // 5. 視頻預(yù)覽圖層
        // 5.1 實例化預(yù)覽圖層
            AVCaptureVideoPreviewLayer *preview = [AVCaptureVideoPreviewLayer layerWithSession:_session];
            preview.videoGravity = AVLayerVideoGravityResizeAspectFill;
            preview.frame = self.view.bounds;
    
        // 5.2 將圖層插入當前視圖
            [self.view.layer addSublayer:preview];
            self.previewLayer = preview;
    
    // 6. 啟動會話
            [_session startRunning];
    
    // 當掃描到數(shù)據(jù)時就會執(zhí)行該方法
    - (void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:(NSArray *)metadataObjects fromConnection:(AVCaptureConnection *)connection
    {
        if (metadataObjects.count > 0) {
            AVMetadataMachineReadableCodeObject *object = [metadataObjects lastObject];
            NSLog(@"%@", object.stringValue);
    
            // 停止掃描
            [self.session stopRunning];
    
            // 將預(yù)覽圖層移除
            [self.lview.ayer removeFromSuperlayer];
        } else {
            NSLog(@"沒有掃描到數(shù)據(jù)");
        }
    }
    

掃描二維碼- 功能實現(xiàn)(讀取二維碼) <- swift

  1. 導(dǎo)入框架

    import AVFoundation
    
  2. 實現(xiàn)步驟及代碼

    // 創(chuàng)建一個會話, 鏈接輸入和輸出
    let session = AVCaptureSession()
    
    // 引用當前的視頻預(yù)覽圖層
    var layer: AVCaptureVideoPreviewLayer?
    
    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
    
        scan()
    }
    
    func scan() {
        // 1. 獲取攝像頭設(shè)備
        // 1.1 把攝像頭當做一個輸入設(shè)備
        let device = AVCaptureDevice.defaultDeviceWithMediaType(AVMediaTypeVideo)
        var input: AVCaptureDeviceInput?
        do {
            input = try AVCaptureDeviceInput(device: device)
        }catch {
            print(error)
            return
        }
    
        // 2. 創(chuàng)建一個(元數(shù)據(jù))輸出處理對象
        let output = AVCaptureMetadataOutput()
        // 2.1 設(shè)置代理, 拿到處理的結(jié)果
        output.setMetadataObjectsDelegate(self, queue: dispatch_get_main_queue())
    
        // 3. 會話對象添加輸入輸出設(shè)備
        // 容錯處理: 如果已經(jīng)添加過了, 就不會再次添加
        if session.canAddInput(input) && session.canAddOutput(output) {
            session.addInput(input)
            session.addOutput(output)
        }
    
        // 3.1 設(shè)置元數(shù)據(jù)輸出處理對象, 處理數(shù)據(jù)的類型
        // 必須在將輸出設(shè)備添加到會話設(shè)備后、啟動會話前設(shè)置
        output.metadataObjectTypes = [AVMetadataObjectTypeQRCode]
    
        // 4. 啟動會話(讓輸入開始采集數(shù)據(jù), 讓輸出, 開始處理數(shù)據(jù))
        session.startRunning()
    
        // 4.1 添加視頻預(yù)覽圖層(可選)
        // 可以讓用戶看到掃描的二維碼
        let layer = AVCaptureVideoPreviewLayer(session: session)
        layer.frame = view.layer.bounds
        view.layer.insertSublayer(layer, atIndex: 0)
    }
    
    extension ScanVC: AVCaptureMetadataOutputObjectsDelegate {
    
    // 輸出數(shù)據(jù)時調(diào)用
    // 最后如果沒有掃描到二維碼內(nèi)容的時候, 也會調(diào)用一次
    func captureOutput(captureOutput: AVCaptureOutput!, didOutputMetadataObjects metadataObjects: [AnyObject]!, fromConnection connection: AVCaptureConnection!) {
    
        // 沒有數(shù)據(jù)直接return
        if (metadataObjects.count <= 0) {return}
    
        // 移除二維碼邊框代碼(可選),詳見“8. 掃描二維碼- 描繪邊框”
    
        // 遍歷元數(shù)據(jù)數(shù)組
        for metaObj in metadataObjects {
    
            // 判斷元數(shù)據(jù)類型
            if metaObj.isKindOfClass(AVMetadataMachineReadableCodeObject) {
    
                // 1. 獲取元數(shù)據(jù)
                // 如果需要繪制邊框,需要把坐標轉(zhuǎn)換成為在layer層上面的真實坐標
                // 如果不需要,直接有l(wèi)et qrCodeObj = metaObj as! AVMetadataMachineReadableCodeObject
                let transformObj = layer?.transformedMetadataObjectForMetadataObject(metaObj as! AVMetadataObject)
                let qrCodeObj = transformObj as! AVMetadataMachineReadableCodeObject
    
                // 2. 繪制邊框代碼,詳見“8. 掃描二維碼- 描繪邊框”
                // qrCodeObj.corners: 二維碼的四個角
                // 得到的結(jié)果,是點對應(yīng)的字典組成的數(shù)組,如[x:123.7997282646955,y:100.3352825435441],沒法直接使用
                // 需要借助layer, 進行轉(zhuǎn)換成為我們可以直接處理的坐標
                print(qrCodeObj.corners)
    
                // 3. 輸出二維碼具體內(nèi)容
                // stringValue: 二維碼的具體內(nèi)容
                print(qrCodeObj.stringValue)
    
                // 4. 停止掃描
                // self.session.stopRunning
                // 5.將預(yù)覽圖層移除
                // self.lview.ayer.removeFromSuperlayer
            }
        }
    }
    
    
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,578評論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,701評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,691評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,974評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,694評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 56,026評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,015評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,193評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,719評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,442評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,668評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,151評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,846評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,255評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,592評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,394評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內(nèi)容