1. 程式人生 > >iOS 原生二維碼掃描(可限制掃描區域)

iOS 原生二維碼掃描(可限制掃描區域)

寫這篇文章的主要原因不是展示如何使用 AVFoundation   來進行二維碼掃描,更主要的是限制掃描二維碼的範圍。(因為預設的是全屏掃描)

專案遇到掃描二維碼的功能需求,這裡我放棄了使用三方庫,而採用了蘋果原生的掃描。

原生的好處就是掃描特別快效率特別高,但是遇到一個問題就是不知道怎麼去限制掃描範圍。

還是先簡單說一下怎麼使用來進行二維碼掃描吧。

首先是要用到的幾個類

@property (strong,nonatomic)AVCaptureDevice * device;

@property (strong,nonatomic)AVCaptureDeviceInput * input;

@property (strong,nonatomic)AVCaptureMetadataOutput * output;

@property (strong,nonatomic)AVCaptureSession * session;

@property (strong,nonatomic)AVCaptureVideoPreviewLayer * preview;

他們之間的關係可以看下面的篇文章  

傳送門

下面分別建立他們

    // Device

_device = [AVCaptureDevicedefaultDeviceWithMediaType:AVMediaTypeVideo];

// Input

_input = [AVCaptureDeviceInputdeviceInputWithDevice:self.deviceerror:nil];

// Output

_output = [[AVCaptureMetadataOutputalloc]init];

    [_outputsetMetadataObjectsDelegate:selfqueue:dispatch_get_main_queue()];

    // Session

_session = [[AVCaptureSessionalloc]init];

    [_sessionsetSessionPreset

:AVCaptureSessionPresetHigh];

if ([_sessioncanAddInput:self.input])

    {

        [_sessionaddInput:self.input];

    }

if ([_sessioncanAddOutput:self.output])

    {

        [_sessionaddOutput:self.output];

    }

// 條碼型別 AVMetadataObjectTypeQRCode

_output.metadataObjectTypes =@[AVMetadataObjectTypeQRCode];

// Preview

_preview =[AVCaptureVideoPreviewLayerlayerWithSession:_session];

_preview.videoGravity =AVLayerVideoGravityResizeAspectFill;

_preview.frame =self.view.layer.bounds;

    [self.view.layerinsertSublayer:_previewatIndex:0];

// Start

    [_sessionstartRunning];


然後實現 AVCaptureMetadataOutputObjectsDelegate

#pragma mark AVCaptureMetadataOutputObjectsDelegate

- (void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:(NSArray *)metadataObjects fromConnection:(AVCaptureConnection *)connection

{

   NSString *stringValue;

    if ([metadataObjectscount] >0)

       {

           //停止掃描

           [_sessionstopRunning];        

           AVMetadataMachineReadableCodeObject * metadataObject = [metadataObjectsobjectAtIndex:0];

           stringValue = metadataObject.stringValue;        

    }


}

到此為止就可以成功掃描二維碼了,但是有個尷尬的問題,這時的掃描是全屏掃描的。即


一般情況下專案中的掃描頁面是這樣的,但是當你掃描的時候會發現在二維碼還沒進入中心的那個小方塊時,就已經成功掃描完成了,這對於體驗來說很不好。但是由於那時候趕專案就沒有時間優化。終於今天抽出來時間了。

我從早上上班開始一直搞到下午,把所有想到的方法都試了一遍,但是都不行(都是淚),最後將要放棄的時候發現了一個比較可疑的點。

@property(nonatomic)CGRect rectOfInterest NS_AVAILABLE_IOS(7_0);

這是的 AVCaptureMetadataOutput 一個屬性,它的解釋是

@discussion

The value of this property is a CGRect that determines the receiver's rectangle of interest for each frame of video.  

The rectangle's origin is top left and is relative to the coordinate space of the device providing the metadata.  Specifying 

a rectOfInterest may improve detection performance for certain types of metadata. The default value of this property is the 

value CGRectMake(0, 0, 1, 1).  Metadata objects whose bounds do not intersect with the rectOfInterest will not be returned.

大概意思就是設定每一幀畫面感興趣的區域(字面意思),那豈不是就是設定掃描範圍嘍,大喜 於是趕緊把rectOfInterest設定成中間框的frame,

[_outputsetRectOfInterest:CGRectMake((ScreenWidth-220)/2,60+64,220, 220)];

//中間區域的寬和高都是220  ScreenWidth為裝置螢幕寬度

但是卻發現怎麼掃描都不能成功了。於是又看了看上面的一段話。 第二句:區域的原點在左上方(後面才知道坑苦我了!),然後區域是相對於裝置的大小的,預設值是CGRectMake(0, 0, 1, 1),這時候我才知道是有比例關係的,最大值才是1,也就是說只要除以相應的裝置寬和高的大小不就行了?然後就改成

[_outputsetRectOfInterest:CGRectMake(((ScreenWidth-220)/2)/ScreenWidth,(60+64)/ScreenHigh,220/ScreenWidth,220/ScreenHigh)];

按說這樣應該就完美了,但是才知道我還是高興得太早了,一掃描才發現完全不是那麼回事,差很多。

於是我就一點一點調,但是最後也沒調成功,最後一狠心有設定了一個很確定的值。

[_outputsetRectOfInterest:CGRectMake(0.5,0.5,0.50.5)];

這次應該很確定是在右下方的四分之一區域吧,嘿嘿。

但是事實又一次打擊了我,掃描後發現是左下的四分之一區域,也就是說rectOfInterest的原點是右上角!!!

回頭又一想,即使右上角是原點那也應該沒有影響啊,但是為什麼不行呢,不會是原點的 X 和 Y 互換了吧?算了不管怎麼著,試一試吧。

[_outputsetRectOfInterest:CGRectMake((60+64)/ScreenHigh,((ScreenWidth-220)/2)/ScreenWidth,220/ScreenWidth,220/ScreenHigh)];

又掃描了一下發現成功了!果然原點正確了,我只想說TMD!

但是寬和高又怎麼對不上了?不會也互換了吧!趕緊試試

[_outputsetRectOfInterest:CGRectMake((124)/ScreenHigh,((ScreenWidth-220)/2)/ScreenWidth,220/ScreenHigh,220/ScreenWidth)];

懷著忐忑的心情又試了試,完美掃描!OMG我想死的心都有了。

於是用系統原生的掃描二維碼就完美了!

今天就跟大家分享這一個點,轉載請註明出處,謝謝 — — LC