5分鐘教會 Android Studio QR code 掃描器 製作 教學

註： 本篇文章已於 2022 年 11 月重新寫過，並附上專案完成程式碼，請至這裡查看新文章： 五分鐘學會 Android Studio QR code 掃描器 一步步製作教學(附上完整程式碼)


在上一篇Android Studio QR code 產生器 製作教學之後
這篇要來教大家製作QR code掃描器

在Android 5.0版本以後，要使用相機一定要先取得權限
還不會的看這邊Android Studio 取得相機使用權限

在取得完權限之後我們就可以開始了

我們這次要用的是Google Mobile Vision套件
叫他幫我們找QRcode就好了，直接省下5,000行

先到build.gradle(app)裡面implementation

implementation 'com.google.android.gms:play-services-vision:16.2.0'

到activity_main.xml拉一個TextView
和一個SurfaceView(在widgets裡面)

宣告剛剛拉的物件

SurfaceView surfaceView;
TextView textView;
CameraSource cameraSource;
BarcodeDetector barcodeDetector;

第三行是宣告相機
第四行是宣告Google的Vision套件(掃描條碼的部分)

把物件實作出來

surfaceView=(SurfaceView)findViewById(R.id.surfaceView);
textView=(TextView)findViewById(R.id.textView);

barcodeDetector = new BarcodeDetector.Builder(this)
      .setBarcodeFormats(Barcode.QR_CODE).build();
cameraSource=new CameraSource.Builder(this,barcodeDetector)
      .setRequestedPreviewSize(300,300).build();

更新：最後一行改成這樣可以自動對焦(網友Eric補)

cameraSource = new CameraSource.Builder(getContext(),barcodeDetector).setAutoFocusEnabled(true).build();

我們要在SurfaceView上面顯示東西
先輸入這行

surfaceView.getHolder().addCallback(new SurfaceHolder.Callback(){
});

游標指著紅字按Alt+Enter(同時按)

直接點OK

會突然跑出很多程式碼
在最下面的輸入(surfaceDestroyed)

cameraSource.stop();

在關閉的同時就會關掉相機

在第一格(surfaceCreated)輸入：

if(ActivityCompat.checkSelfPermission(getApplicationContext(),Manifest.permission.CAMERA)
         !=PackageManager.PERMISSION_GRANTED)
   return;
try{
    cameraSource.start(holder);
}catch (IOException e){
    e.printStackTrace();
}

讓他把相機畫面印在上面

開始寫條碼判斷

barcodeDetector.setProcessor(new Detector.Processor<Barcode>(){

});

一樣在紅字上面按Alt+Enter(同時按)

然後輸入這些

final SparseArray<Barcode>qrCodes=detections.getDetectedItems();
if(qrCodes.size()!=0){
  textView.post(new Runnable() {
      @Override
      public void run() {
            textView.setText(qrCodes.valueAt(0).displayValue);
      }
  });
}

讓他判斷是不是有掃描到條碼，有的話就顯示出來

執行結果：