原生二維碼掃描規定掃描區域

原生二維碼掃描規定掃描區域大小


寫這篇文章的主要原因不是展示如何使用 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)];

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

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

[_output setRectOfInterest:CGRectMake(0.5,0.5,0.5, 0.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我想死的心都有了。

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

今天

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 關于二維碼(或者條形碼,以下歸類簡稱二維碼)掃描和生成的,我相信網絡上相關的文章層數不窮,但是,大部分都是直接粘貼...
    FR_Zhang閱讀 6,764評論 10 42
  • 今天項目需要做一個二維碼掃描,雖然有很多二維碼掃描的第三方可以用,但是考慮到項目中的需要,所以我放棄了使用三方庫,...
    Billy_W閱讀 2,615評論 3 26
  • # 掃描二維碼 ### 以下是.m文件的完整代碼 #import "ScanViewController.h"#d...
    gao_smile閱讀 390評論 0 0
  • 方向對了,越努力越幸福;做錯了事情,不要掩飾,回頭是岸;不忘初心,堅持到底,人生說長不長說段不短,緊要處常常只有幾...
    九五自尊閱讀 261評論 0 0
  • 溫暖的陽光纏繞輕柔的風 走街串巷,游迷枝頭 追逐空氣中彌漫的花草香 繁茂的梧桐 香樟 木棉齊奏樂章 迎接嬉戲成群的...
    無才書生閱讀 194評論 0 2