Android 二維碼掃描和生成二維碼

FBY展菲發表於2017-12-17

在APP開發中,常遇到二維碼掃描功能和生成二維碼的需求。Android大部分是整合了zxing這個開源專案的掃碼功能。 開源專案地址 下面給大家介紹一下具體的整合步驟

整合步驟

原始碼Demo獲取方法

關注 【網羅開發】微信公眾號,回覆【163】便可領取。 網羅天下方法,方便你我開發,更多iOS技術乾貨等待領取,所有文件會持續更新,歡迎關注一起成長!

1.demo展示如下:

1.1demo首頁

demo首頁

1.2掃描介面

掃描介面

可以根據需求修改,我實際專案中介面截圖如下:

實際專案截圖

1.3生成二維碼

生成二維碼

2.引入檔案

2.1 下載demo,拷貝demo中的com.google.zxing5個包和com.utils包引入到自己的專案中。

src目錄
2.2 拷貝本專案demo中的佈局activity_scanner.xml和toolbar_scanner.xml

佈局檔案
2.3 拷貝資源目錄raw至本專案中,beep.ogg是掃描成功時的提示音。
提示音檔案
2.4 拷貝或合併檔案內容attrs.xml/colors.xml/ids.xml三個檔案。

資原始檔
2.5 build.gradle檔案中新增引用

compile 'com.google.zxing:core:3.3.0'
複製程式碼

2.6 修改R檔案引用路徑 修改以下4個檔案中的R檔案引用地址,引用本專案的R

//com.google替換成自己專案的包名即可
com.google.zxing.activity.CaptureActivity
com.google.zxing.decoding.CaptureActivityHandler
com.google.zxing.decoding.DecodeHandler
com.google.zxing.view.ViewfinderView
複製程式碼

3. 許可權配置

3.1 AndroidManifest.xml中新增許可權申請程式碼:

    <uses-permission android:name="android.permission.INTERNET" /> <!-- 網路許可權 -->
    <uses-permission android:name="android.permission.VIBRATE" /> <!-- 震動許可權 -->
    <uses-permission android:name="android.permission.CAMERA" /> <!-- 攝像頭許可權 -->
    <uses-feature android:name="android.hardware.camera.autofocus" /> <!-- 自動聚焦許可權 -->
複製程式碼

4. 功能實現

完成上述整合之後,通過呼叫CaptureActivity就可以實現掃碼功能。 MainActivity原始碼部分:

public class MainActivity extends AppCompatActivity {

    @BindView(R.id.openQrCodeScan)
    Button openQrCodeScan;
    @BindView(R.id.text)
    EditText text;
    @BindView(R.id.CreateQrCode)
    Button CreateQrCode;
    @BindView(R.id.QrCode)
    ImageView QrCode;
    @BindView(R.id.qrCodeText)
    TextView qrCodeText;

    //開啟掃描介面請求碼
    private int REQUEST_CODE = 0x01;
    //掃描成功返回碼
    private int RESULT_OK = 0xA1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
    }

    @OnClick({R.id.openQrCodeScan, R.id.CreateQrCode})
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.openQrCodeScan:
                //開啟二維碼掃描介面
                if(CommonUtil.isCameraCanUse()){
                    Intent intent = new Intent(MainActivity.this, CaptureActivity.class);
                    startActivityForResult(intent, REQUEST_CODE);
                }else{
                    Toast.makeText(this,"請開啟此應用的攝像頭許可權!",Toast.LENGTH_SHORT).show();
                }
                break;
            case R.id.CreateQrCode:
                try {
                    //獲取輸入的文字資訊
                    String str = text.getText().toString().trim();
                    if(str != null && !"".equals(str.trim())){
                        //根據輸入的文字生成對應的二維碼並且顯示出來
                        Bitmap mBitmap = EncodingHandler.createQRCode(text.getText().toString(), 500);
                        if(mBitmap != null){
                            Toast.makeText(this,"二維碼生成成功!",Toast.LENGTH_SHORT).show();
                            QrCode.setImageBitmap(mBitmap);
                        }
                    }else{
                        Toast.makeText(this,"文字資訊不能為空!",Toast.LENGTH_SHORT).show();
                    }
                } catch (WriterException e) {
                    e.printStackTrace();
                }
                break;
        }
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        //掃描結果回撥
        if (resultCode == RESULT_OK) { //RESULT_OK = -1
            Bundle bundle = data.getExtras();
            String scanResult = bundle.getString("qr_scan_result");
            //將掃描出的資訊顯示出來
            qrCodeText.setText(scanResult);
        }
    }
}

複製程式碼

5. 原始碼分析

5.1開啟二維碼掃描介面

                //開啟二維碼掃描介面
                if(CommonUtil.isCameraCanUse()){
                    Intent intent = new Intent(MainActivity.this, CaptureActivity.class);
                    startActivityForResult(intent, REQUEST_CODE);
                }else{
                    Toast.makeText(this,"請開啟此應用的攝像頭許可權!",Toast.LENGTH_SHORT).show();
                }
複製程式碼

5.2 根據輸入的文字生成對應的二維碼並且顯示出來

try {
                    //獲取輸入的文字資訊
                    String str = text.getText().toString().trim();
                    if(str != null && !"".equals(str.trim())){
                        //根據輸入的文字生成對應的二維碼並且顯示出來
                        Bitmap mBitmap = EncodingHandler.createQRCode(text.getText().toString(), 500);
                        if(mBitmap != null){
                            Toast.makeText(this,"二維碼生成成功!",Toast.LENGTH_SHORT).show();
                            QrCode.setImageBitmap(mBitmap);
                        }
                    }else{
                        Toast.makeText(this,"文字資訊不能為空!",Toast.LENGTH_SHORT).show();
                    }
                } catch (WriterException e) {
                    e.printStackTrace();
                }
複製程式碼

5.3 掃描結果回撥

@Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        //掃描結果回撥
        if (resultCode == RESULT_OK) { //RESULT_OK = -1
            Bundle bundle = data.getExtras();
            String scanResult = bundle.getString("qr_scan_result");
            //將掃描出的資訊顯示出來
            qrCodeText.setText(scanResult);
        }
    }
複製程式碼

希望可以幫助大家

如果哪裡有什麼不對或者不足的地方,還望讀者多多提意見或建議

如需轉載請聯絡我,經過授權方可轉載,謝謝

相關文章