iOS QRcode識別及相冊圖片二維碼讀取識別

近期將簡書文檔遷移至 https://blog.ixianshang.net/2019/08/02/QRcode%E8%AF%86%E5%88%AB%E5%8F%8A%E7%9B%B8%E5%86%8C%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81%E8%AF%BB%E5%8F%96%E8%AF%86%E5%88%AB/index.html

最近碰到一個用戶 在使用我們 微鏈App 的時候店量,在分辨率低或者頻率低的顯示器上掃不出二維碼芜果。然后網(wǎng)上找了很多鞠呈,試了很多,還是沒有找出合適的方法右钾,想想把三種掃描(系統(tǒng)原生API蚁吝,ZBar,ZXing)寫個Demo舀射,做個小總結(jié)窘茁,看看從什么地方可以找到解決方法,也希望各位大神能給我指條明路??脆烟。

對二維碼的處理及系統(tǒng)原生API掃描山林、 Zbar掃描和Zing掃描 比較

iOS原生API

系統(tǒng)掃描的效率是最高,反正包括各種你見過的沒見過的碼邢羔,但是有一點我不是很清楚 iOS7 掃描二維碼可以驼抹,但從相冊照片讀取二維碼蘋果不支持,必須是iOS8+拜鹤。
https://github.com/yannickl/QRCodeReaderViewController
https://github.com/zhengjinghua/MQRCodeReaderViewController

這兩個例子已經(jīng)寫的非常清楚了

// 對于識別率的精度 就是屏幕有波浪一樣
    [self.captureSession setSessionPreset:AVCaptureSessionPresetHigh];
   // 改成了 降低采集頻率
    [self.captureSession setSessionPreset:AVCaptureSessionPreset640x480];

不知道 有什么好的方法

ZXing 和 ZBar

具體代碼 我就不在這里寫了框冀,Demo里 都寫了,而且百度谷歌千篇一律敏簿,說說ZXing的一些用到的特點:

  • 對那種小圓點的二維碼 ZXing和原生API 都是支持的明也,而ZBar 貌似不是支持的宣虾,反正我沒搞定。
  • ZXing 現(xiàn)在還在繼續(xù)維護 ZBar 而已經(jīng)停止了
  • ZXing 可以識別圖片中多個二維碼

ZBar中的識別率 本人覺得還是比較低

//ZBar 中對 圖片中二維碼 識別
    UIImage * aImage = #所獲取的圖片#
    ZBarReaderController *read = [ZBarReaderController new];
    CGImageRef cgImageRef = aImage.CGImage;
    ZBarSymbol* symbol = nil;
    for(symbol in [read scanImage:cgImageRef]){
        qrResult = symbol.data ;
        NSLog(@"qrResult = symbol.data %@",qrResult);
    }

ZXing 對圓點二維碼的支持 及能夠識別圖片中多個二維碼

    // ZXing 只識別單個二維碼
    UIImage *image = #需要識別的圖片# 
    ZXCGImageLuminanceSource *source = [[ZXCGImageLuminanceSource alloc] initWithCGImage:image.CGImage]; 
   ZXHybridBinarizer *binarizer = [[ZXHybridBinarizer alloc] initWithSource: source];
    ZXBinaryBitmap *bitmap = [[ZXBinaryBitmap alloc] initWithBinarizer:binarizer];
    
    NSError *error;
    
    id<ZXReader> reader;   
    if (NSClassFromString(@"ZXMultiFormatReader")) {
        reader = [NSClassFromString(@"ZXMultiFormatReader") performSelector:@selector(reader)];
    }
    ZXDecodeHints *_hints = [ZXDecodeHints hints];
    ZXResult *result = [reader decode:bitmap hints:_hints error:&error];
    if (result == nil) {
        NSLog(@"無QRCode");
        return;
    }
    NSLog(@"QRCode = %d温数,%@"绣硝,result.barcodeFormat,result.text);

ZXing 識別圖片中多個二維碼

    UIImage *image = #需要識別的圖片# 
    ZXCGImageLuminanceSource *source = [[ZXCGImageLuminanceSource alloc] initWithCGImage:image.CGImage]; 
   ZXHybridBinarizer *binarizer = [[ZXHybridBinarizer alloc] initWithSource: source];
   ZXBinaryBitmap *bitmap = [[ZXBinaryBitmap alloc] initWithBinarizer:binarizer];
   ZXDecodeHints *hints = [ZXDecodeHints hints];

    NSError *error = nil;
    ZXQRCodeMultiReader * reader2 = [[ZXQRCodeMultiReader alloc]init];
    NSArray *rs = [reader2 decodeMultiple:bitmap error:&error];
    // 或者  NSArray *rs =[reader2 decodeMultiple:bitmap hints:hints error:&error];
    NSLog(@" err = %@",error);
    for (ZXResult *resul in rs) {
        NSLog(@" ---%@",resul.text);
    }

后面 就看你需求了

iOS WebView中 長按二維碼的識別

思路:

  1. 長按webView 的過程中 截屏撑刺,再去解析是否有二維碼域那,但是有個缺點 就是 萬一截了一個 一半的二維碼 那就無解了。
  2. 在webview中 注入獲取點擊圖片的JS 獲取圖片猜煮,再解析次员。缺點:萬一圖片過大 需要下載,勢必會影響用戶體驗王带。
  3. webview 加載完成圖片之后淑蔚,圖片勢必緩存在 webview里,有什么方法可以獲取webview 里的緩存圖片愕撰。

本人目前用的是 第二種方式刹衫。求大神教我第三種...
我在TOWebViewController 做了類擴展

//要注入的 js 代碼
static NSString* const kTouchJavaScriptString=
@"document.ontouchstart=function(event){\
x=event.targetTouches[0].clientX;\
y=event.targetTouches[0].clientY;\
document.location=\"myweb:touch:start:\"+x+\":\"+y;};\
document.ontouchmove=function(event){\
x=event.targetTouches[0].clientX;\
y=event.targetTouches[0].clientY;\
document.location=\"myweb:touch:move:\"+x+\":\"+y;};\
document.ontouchcancel=function(event){\
document.location=\"myweb:touch:cancel\";};\
document.ontouchend=function(event){\
document.location=\"myweb:touch:end:\"+x+\":\"+y;};";

//部分核心代碼

  • (BOOL)ad_webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{

    NSString *requestString = [[request URL] absoluteString];
    NSArray *components = [requestString componentsSeparatedByString:@":"];
    if ([components count] > 1 && [(NSString *)[components objectAtIndex:0]
    isEqualToString:@"myweb"]) {
    if([(NSString *)[components objectAtIndex:1] isEqualToString:@"touch"])
    {
    if ([(NSString *)[components objectAtIndex:2] isEqualToString:@"start"])
    {
    self.gesState = GESTURE_STATE_START;
    NSLog(@"touch start!");

              float ptX = [[components objectAtIndex:3]floatValue];
              float ptY = [[components objectAtIndex:4]floatValue];
              NSLog(@"touch point (%f, %f)", ptX, ptY);
              
              NSString *js = [NSString stringWithFormat:@"document.elementFromPoint(%f, %f).tagName", ptX, ptY];
              NSString * tagName = [self.webView stringByEvaluatingJavaScriptFromString:js];
              self.imgURL = nil;
              if ([tagName isEqualToString:@"IMG"]) {
                  self.imgURL = [NSString stringWithFormat:@"document.elementFromPoint(%f, %f).src", ptX, ptY];
              }
              if (self.imgURL) {
                  self.timer = [NSTimer scheduledTimerWithTimeInterval:longGestureInterval target:self selector:@selector(handleLongTouch) userInfo:nil repeats:NO];
              }
          }
          else if ([(NSString *)[components objectAtIndex:2] isEqualToString:@"move"])
          {
              self.gesState = GESTURE_STATE_MOVE;
              NSLog(@"you are move");
          }
          
      }
      
      if ([(NSString*)[components objectAtIndex:2]isEqualToString:@"end"]) {
          [self.timer invalidate];
          self.timer = nil;
          self.gesState = GESTURE_STATE_END;
          NSLog(@"touch end");
      }
      
      if (self.imgURL && self.gesState == GESTURE_STATE_END) {
          NSLog(@"點的是圖片");
      }
      
      return NO;
    

    }
    // return YES;
    return [self ad_webView:webView shouldStartLoadWithRequest:request navigationType:navigationType];
    }


  • (void)ad_webViewDidFinishLoad:(UIWebView *)webView{
    //控制緩存
    [[NSUserDefaults standardUserDefaults] setInteger:0 forKey:@"WebKitCacheModelPreferenceKey"];

    // 響應(yīng)touch事件,以及獲得點擊的坐標(biāo)位置搞挣,用于保存圖片
    [webView stringByEvaluatingJavaScriptFromString:kTouchJavaScriptString];

    [self ad_webViewDidFinishLoad:webView];
    }

基本就可以了带迟。

* 終于找到取 webView 緩存的圖片的方法了。 用的是 NSURLProtocol 方式囱桨,在github上找了一個 [RNCachingURLProtocol](https://github.com/rnapier/RNCachingURLProtocol),基本原理是:webView 在處理請求的過程中會調(diào)用

  • (NSURLRequest *)connection:(NSURLConnection *)connection willSendRequest:(NSURLRequest *)request redirectResponse:(NSURLResponse *)response
 URLProtocol 把webView請求返回來的 data 用壓縮的方式的存儲在 cache的文件夾下, 發(fā)出請求的時候會先去讀取緩存仓犬。本人對 RNCachingURLProtocol 做過修改 具體請看Demo

* 轉(zhuǎn)載請注明 作者:好迪 [文章地址](http://ihaodi.net/2016/03/21/iOS-QRcode%E8%AF%86%E5%88%AB%E5%8F%8A%E7%9B%B8%E5%86%8C%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81%E8%AF%86%E5%88%AB/)
* 水平有限 歡迎批評指正評論

## Demo地址
<https://github.com/cuiwe000/QRCodeDemo.git>

## 參考文檔
* <http://blog.cnbluebox.com/blog/2014/08/26/ioser-wei-ma-sao-miao/>
* <https://github.com/MxABC/LBXScan> 這個很全
* [Apple CSS](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#/apple_ref/doc/uid/TP30001266-SW1)
* <http://my.oschina.net/hmj/blog/111344>
* [stackoverflow](http://stackoverflow.com/questions/5995210/disabling-user-selection-in-uiwebview)
* [CSS 參考](https://developer.mozilla.org/en-US/docs/CSS/:not)
* <http://robnapier.net/offline-uiwebview-nsurlprotocol>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市舍肠,隨后出現(xiàn)的幾起案子搀继,更是在濱河造成了極大的恐慌,老刑警劉巖翠语,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叽躯,死亡現(xiàn)場離奇詭異,居然都是意外死亡肌括,警方通過查閱死者的電腦和手機点骑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谍夭,“玉大人黑滴,你說我怎么就攤上這事』劭猓” “怎么了跷跪?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長齐板。 經(jīng)常有香客問我吵瞻,道長葛菇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任橡羞,我火速辦了婚禮眯停,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卿泽。我一直安慰自己莺债,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布签夭。 她就那樣靜靜地躺著齐邦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪第租。 梳的紋絲不亂的頭發(fā)上措拇,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機與錄音慎宾,去河邊找鬼丐吓。 笑死,一個胖子當(dāng)著我的面吹牛趟据,可吹牛的內(nèi)容都是我干的券犁。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼汹碱,長吁一口氣:“原來是場噩夢啊……” “哼粘衬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起比被,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤色难,失蹤者是張志新(化名)和其女友劉穎泼舱,沒想到半個月后等缀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡娇昙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年尺迂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片冒掌。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡噪裕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出股毫,到底是詐尸還是另有隱情膳音,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布铃诬,位于F島的核電站祭陷,受9級特大地震影響苍凛,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜兵志,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一醇蝴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧想罕,春花似錦悠栓、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至楼镐,卻和暖如春腥沽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鸠蚪。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工今阳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人茅信。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓盾舌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蘸鲸。 傳聞我的和親對象是個殘疾皇子妖谴,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,877評論 2 345

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