跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode

条码扫描barcode

使用zxing实现

先上截图(竖屏,100%仿微信样式)

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第1张图片

打开网址,下载(首先要有github帐号,没有自己注册)

https://github.com/phonegap-build/BarcodeScanner

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第2张图片

解压,用ADT打开BarcodeScanner-master\src\android\LibraryProject

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第3张图片

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第4张图片跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第5张图片

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第6张图片

修改DecodeHandler.java,增加

byte[] rotatedData = new byte[data.length];

    for (int y = 0; y

        for (int x = 0; x

           rotatedData[x * height + height - y - 1] = data[x + y * width];

    }

    int tmp = width;

    width = height;

    height =tmp;   

   PlanarYUVLuminanceSource source = activity.getCameraManager().buildLuminanceSource(rotatedData,width, height);

如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第7张图片

修改CameraManager.java如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第8张图片

這樣改的目的是掃描框為正方形
修改getFramingRectInPreview()方法,增加

rect.left = rect.left *cameraResolution.y / screenResolution.x;

          rect.right =rect.right *cameraResolution.y / screenResolution.x;

          rect.top =rect.top *cameraResolution.x / screenResolution.y;

          rect.bottom =rect.bottom *cameraResolution.x / screenResolution.y;

如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第9张图片

修改CameraConfigurationManager.java如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第10张图片

增加setDisplayOrientation方法,將攝像頭旋轉

  protected voidsetDisplayOrientation(Camera camera, int angle){ 

      MethoddownPolymorphic; 

      try  

      { 

         downPolymorphic = camera.getClass().getMethod("setDisplayOrientation",new Class[] {int.class }); 

          if (downPolymorphic!=null

             downPolymorphic.invoke(camera, new Object[] { angle }); 

      } 

      catch (Exceptione1) 

      { 

      } 

 }

如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第11张图片

找到setDesiredCameraParameters方法,增加

在倒數第二行增加setDisplayOrientation(camera, 90);

如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第12张图片

修改ViewfinderView.java,為掃描框增加四個角及滾動掃描線
条码掃描框內滚动扫描线下载

http://pan.baidu.com/s/1i3Bjz29

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第13张图片

将zx_code_line.png文件复制到\res\drawable-hdpi下

增加,如圖

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第14张图片

修改onDraw方法,如图

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第15张图片

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第16张图片

修改CaptureActivity.java

找到handleDecode方法,增加扫码成功后方法

String result = rawResult.getText(); 

        if (!TextUtils.isEmpty(result)) { 

            Intent intent = new Intent(); 

            intent.putExtra("SCAN_RESULT", rawResult.getText());

            intent.putExtra("SCAN_RESULT_FORMAT", rawResult.getBarcodeFormat().toString());     

            setResult(RESULT_OK, intent); 

        } else

            setResult(RESULT_CANCELED); 

        } 

        finish();

如图

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第17张图片

直接编译调试即可。

如果用在其它项目中,直接引用源码或jar包,如图

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第18张图片

跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第19张图片


修改为竖屏
android:screenOrientation="portrait" 
如图
跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode_第20张图片

交流请加QQ群:166691882(本群刚建)
源码下载

针对 程序员 的养生保健微信18136761128(专治颈椎、久坐导到慢性疾病,已经上央视了,假一罚十)

你可能感兴趣的:(跨平台移动开发phonegap/cordova 3.3全系列教程-条码扫描barcode)