2. 程式人生 > >android中Zxing實現二維碼功能的快速整合以及掃描介面的定製

android中Zxing實現二維碼功能的快速整合以及掃描介面的定製

阿新 • • 發佈：2019-01-25

Zxing二維碼庫是相當豐富。但是我們往往只需要裡面的掃碼識別以及生成二維碼的功能就可以了，所以這次用到了已經抽離出核銷程式碼的框架包
compile ‘com.journeyapps:zxing-android-embedded:3.3.0’，來快速整合開發。比較簡單，後面還會有掃面介面的定製，仿微信二維碼掃一掃功能。上幾個效果圖：
掃描中
這裡寫圖片描述
掃描結果：
這裡寫圖片描述
接下來我們來實現他。
一、整合二維碼的簡單掃一掃以及生成二維碼的功能（錄屏用的是genymotion，錄的有點奇怪啊）
這裡寫圖片描述
1、Zxing二維碼的環境。我們只要compile ‘com.journeyapps:zxing-android-embedded:3.3.0’這個後面就不需要再集成了。
2、xml檔案中

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">

    <Button

 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="開啟閃關燈"
        android:id="@+id/btn_switch"
        android:layout_alignTop="@+id/btn_hint1"
         />
    <!-- 這個控制元件就是掃描的視窗了 -->
    <com.journeyapps.barcodescanner.DecoratedBarcodeView

 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/dbv_custom"
        app:zxing_framing_rect_width="200dp"
        app:zxing_framing_rect_height="200dp"
        app:zxing_preview_scaling_strategy="fitXY"
        app:zxing_use_texture_view="true"
       >
    </com.journeyapps.barcodescanner.DecoratedBarcodeView>

</LinearLayout>

3、CustomScanAct.java

package com.coofond.zxingdemo;

import android.app.Activity;
import android.content.pm.PackageManager;
import android.os.Bundle;
import android.os.PersistableBundle;
import android.view.KeyEvent;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.journeyapps.barcodescanner.CaptureManager;
import com.journeyapps.barcodescanner.DecoratedBarcodeView;

/**
 * Created by IBM on 2016/10/13.
 */

public class CustomScanAct extends Activity implements DecoratedBarcodeView.TorchListener { // 實現相關介面
    // 新增一個按鈕用來控制閃光燈，同時新增兩個按鈕表示其他功能，先用Toast表示
    Button swichLight;
    DecoratedBarcodeView mDBV;
    private CaptureManager captureManager;
    private boolean isLightOn = false;


    @Override
    protected void onPause() {
        super.onPause();
        captureManager.onPause();
    }

    @Override
    protected void onResume() {
        super.onResume();
        captureManager.onResume();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        captureManager.onDestroy();
    }

    @Override
    public void onSaveInstanceState(Bundle outState, PersistableBundle outPersistentState) {
        super.onSaveInstanceState(outState, outPersistentState);
        captureManager.onSaveInstanceState(outState);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        return mDBV.onKeyDown(keyCode, event) || super.onKeyDown(keyCode, event);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.act_customscan);
        swichLight = (Button) findViewById(R.id.btn_switch);
        mDBV= (DecoratedBarcodeView) findViewById(R.id.dbv_custom);

        mDBV.setTorchListener(this);

        // 如果沒有閃光燈功能，就去掉相關按鈕
        if (!hasFlash()) {
            swichLight.setVisibility(View.GONE);
        }
        //重要程式碼，初始化捕獲
        captureManager = new CaptureManager(this, mDBV);
        captureManager.initializeFromIntent(getIntent(), savedInstanceState);
        captureManager.decode();
        //選擇閃關燈
        swichLight.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (isLightOn) {
                    mDBV.setTorchOff();
                } else {
                    mDBV.setTorchOn();
                }
            }
        });
    }

    // torch 手電筒
    @Override
    public void onTorchOn() {
        Toast.makeText(this, "torch on", Toast.LENGTH_LONG).show();
        isLightOn = true;
    }

    @Override
    public void onTorchOff() {
        Toast.makeText(this, "torch off", Toast.LENGTH_LONG).show();
        isLightOn = false;
    }

    // 判斷是否有閃光燈功能
    private boolean hasFlash() {
        return getApplicationContext().getPackageManager()
                .hasSystemFeature(PackageManager.FEATURE_CAMERA_FLASH);
    }



}

4、MainActivity.java

package com.coofond.zxingdemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.google.zxing.integration.android.IntentIntegrator;
import com.google.zxing.integration.android.IntentResult;

public class MainActivity extends Activity {
    private Button btnClick;
    private TextView tvResult;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initEvent();
    }

    private void initView() {
        btnClick = (Button) findViewById(R.id.btn_click);
        tvResult = (TextView) findViewById(R.id.tv_result);
    }

    private void initEvent() {
        btnClick.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //假如你要用的是fragment進行介面的跳轉
                //IntentIntegrator intentIntegrator = IntentIntegrator.forSupportFragment(ShopFragment.this).setCaptureActivity(CustomScanAct.class);
                IntentIntegrator intentIntegrator = new IntentIntegrator(MainActivity.this);
                intentIntegrator
                        .setDesiredBarcodeFormats(IntentIntegrator.ALL_CODE_TYPES)
                        .setPrompt("將二維碼/條碼放入框內，即可自動掃描")//寫那句提示的話
                        .setOrientationLocked(false)//掃描方向固定
                        .setCaptureActivity(CustomScanAct.class) // 設定自定義的activity是CustomActivity
                        .initiateScan(); // 初始化掃描
            }
        });
    }

    //獲取掃描的結果
    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        IntentResult intentResult = IntentIntegrator.parseActivityResult(requestCode, resultCode, data);
        if (intentResult != null) {
            if (intentResult.getContents() == null) {

            } else {
                // ScanResult 為獲取到的字串
                String ScanResult = intentResult.getContents();
                tvResult.setText(ScanResult);
            }
        } else {
            super.onActivityResult(requestCode, resultCode, data);
        }
    }
}

這樣就集成了二維碼的基本功能了。顯示的是一個閃動的鐳射條。。。

二、仿造微信掃一掃，重新定製掃面介面,看下要實現的效果圖
這裡寫圖片描述

1、主要是這一句 app:zxing_scanner_layout=”@layout/barcode_scanner”指向你自定義的介面

 <!-- 這個控制元件就是掃描的視窗了 -->
    <com.journeyapps.barcodescanner.DecoratedBarcodeView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/dbv_custom"
        app:zxing_framing_rect_width="200dp"
        app:zxing_framing_rect_height="200dp"
        app:zxing_preview_scaling_strategy="fitXY"
        app:zxing_use_texture_view="true"
        app:zxing_scanner_layout="@layout/barcode_scanner"
       >
    </com.journeyapps.barcodescanner.DecoratedBarcodeView>

2、那麼我們看下如何定製這個視窗barcode_scanner.xml看一下

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    >
    <com.journeyapps.barcodescanner.BarcodeView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/zxing_barcode_surface"
        app:zxing_framing_rect_width="250dp"
        app:zxing_framing_rect_height="250dp">
    </com.journeyapps.barcodescanner.BarcodeView>

    <com.coofond.zxingdemo.CustomViewfinderView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/zxing_viewfinder_view"
        app:zxing_possible_result_points="@color/zxing_custom_possible_result_points"
        app:zxing_result_view="@color/zxing_custom_result_view"
        app:zxing_viewfinder_laser="#FFFFFF"
        app:zxing_viewfinder_mask="@color/zxing_custom_viewfinder_mask"/>

    <TextView
        android:id="@+id/zxing_status_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:background="@color/zxing_transparent"
        android:text="@string/zxing_msg_default_status"
        android:textColor="@color/zxing_status_text"/>

</merge>

3、主要是要自定義ViewfinderView，重新繪製你的掃描介面。看下CustomViewfinderView.java中的檔案

package com.coofond.zxingdemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Rect;
import android.graphics.Shader;
import android.util.AttributeSet;

import com.google.zxing.ResultPoint;
import com.journeyapps.barcodescanner.ViewfinderView;

import java.util.ArrayList;
import java.util.List;

/**
 * 自定義zxing二維碼掃描介面
 * Created by IBM on 2016/10/20.
 */

public class CustomViewfinderView extends ViewfinderView {
    public int laserLinePosition=0;
    public float[] position=new float[]{0f,0.5f,1f};
    public int[] colors=new int[]{0x00ffffff,0xffffffff,0x00ffffff};
    public LinearGradient linearGradient ;
    public CustomViewfinderView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }


    /**
     * 重寫draw方法繪製自己的掃描框
     * @param canvas
     */
    @Override
    public void onDraw(Canvas canvas) {
        refreshSizes();
        if (framingRect == null || previewFramingRect == null) {
            return;
        }

        Rect frame = framingRect;
        Rect previewFrame = previewFramingRect;

        int width = canvas.getWidth();
        int height = canvas.getHeight();
        //繪製4個角

        paint.setColor(0xFFFFFFFF);//定義畫筆的顏色
        canvas.drawRect(frame.left, frame.top, frame.left+70, frame.top+10, paint);
        canvas.drawRect(frame.left, frame.top, frame.left + 10, frame.top + 70, paint);

        canvas.drawRect(frame.right-70, frame.top, frame.right, frame.top+10, paint);
        canvas.drawRect(frame.right-10, frame.top, frame.right, frame.top+70, paint);

        canvas.drawRect(frame.left, frame.bottom-10, frame.left+70, frame.bottom, paint);
        canvas.drawRect(frame.left, frame.bottom-70, frame.left+10, frame.bottom, paint);

        canvas.drawRect(frame.right-70, frame.bottom-10, frame.right, frame.bottom, paint);
        canvas.drawRect(frame.right-10, frame.bottom-70, frame.right, frame.bottom, paint);
        // Draw the exterior (i.e. outside the framing rect) darkened
        paint.setColor(resultBitmap != null ? resultColor : maskColor);
        canvas.drawRect(0, 0, width, frame.top, paint);
        canvas.drawRect(0, frame.top, frame.left, frame.bottom + 1, paint);
        canvas.drawRect(frame.right + 1, frame.top, width, frame.bottom + 1, paint);
        canvas.drawRect(0, frame.bottom + 1, width, height, paint);

        if (resultBitmap != null) {
            // Draw the opaque result bitmap over the scanning rectangle
            paint.setAlpha(CURRENT_POINT_OPACITY);
            canvas.drawBitmap(resultBitmap, null, frame, paint);
        } else {
            //  paint.setAlpha(SCANNER_ALPHA[scannerAlpha]);
            //  scannerAlpha = (scannerAlpha + 1) % SCANNER_ALPHA.length;
            int middle = frame.height() / 2 + frame.top;
            laserLinePosition=laserLinePosition+5;
            if(laserLinePosition>frame.height())
            {
                laserLinePosition=0;
            }
            linearGradient= new LinearGradient(frame.left + 1, frame.top+laserLinePosition , frame.right -1 , frame.top +10+laserLinePosition, colors, position, Shader.TileMode.CLAMP);
            // Draw a red "laser scanner" line through the middle to show decoding is active

            //  paint.setColor(laserColor);
            paint.setShader(linearGradient);
            //繪製掃描線
            canvas.drawRect(frame.left + 1, frame.top+laserLinePosition , frame.right -1 , frame.top +10+laserLinePosition, paint);
            paint.setShader(null);
            float scaleX = frame.width() / (float) previewFrame.width();
            float scaleY = frame.height() / (float) previewFrame.height();

            List<ResultPoint> currentPossible = possibleResultPoints;
            List<ResultPoint> currentLast = lastPossibleResultPoints;
            int frameLeft = frame.left;
            int frameTop = frame.top;
            if (currentPossible.isEmpty()) {
                lastPossibleResultPoints = null;
            } else {
                possibleResultPoints = new ArrayList<>(5);
                lastPossibleResultPoints = currentPossible;
                paint.setAlpha(CURRENT_POINT_OPACITY);
                paint.setColor(resultPointColor);
                for (ResultPoint point : currentPossible) {
                    canvas.drawCircle(frameLeft + (int) (point.getX() * scaleX),
                            frameTop + (int) (point.getY() * scaleY),
                            POINT_SIZE, paint);
                }
            }
            if (currentLast != null) {
                paint.setAlpha(CURRENT_POINT_OPACITY / 2);
                paint.setColor(resultPointColor);
                float radius = POINT_SIZE / 2.0f;
                for (ResultPoint point : currentLast) {
                    canvas.drawCircle(frameLeft + (int) (point.getX() * scaleX),
                            frameTop + (int) (point.getY() * scaleY),
                            radius, paint);
                }
            }
            postInvalidateDelayed(16,
                    frame.left ,
                    frame.top ,
                    frame.right ,
                    frame.bottom);
            // postInvalidate();

        }
    }
}

相關推薦

android中Zxing實現二維碼功能的快速整合以及掃描介面的定製

Zxing二維碼庫是相當豐富。但是我們往往只需要裡面的掃碼識別以及生成二維碼的功能就可以了，所以這次用到了已經抽離出核銷程式碼的框架包 compile ‘com.journeyapps:zxing-android-embedded:3.3.0’，來快速整合開發

Xamarin.Android-用ZXing實現二維碼掃描以及連續掃描

一、前言 本文的內容有兩個基礎：ZXing.Net和ZXing.Net.Mobile ZXing.Net：ZXing的C#實現，主要封裝了各種二維碼的編碼、解碼等跨平臺的演算法 ZXing.Net.Mobile：對ZXing.Net在xamarin的應用進行了封裝，主要實現了攝像頭掃描、掃描view、掃

Android 使用Zxing實現二維碼的生成，掃描

在專案中要使用到二維碼的相關內容，百度（原諒我還在用）之後得知一半都是使用Google的開源庫 Zxing，但是網上多半的使用教程都是比較早的，這裡給出我總結的一些基礎程式碼和使用規則： 首先要一定要先去官網看看： 1. 如何匯入 如果是使用andro

Android 基於zxing的二維碼掃描功能的簡單實現及優化

由於專案中需要接入一下簡單的二維碼掃描功能，最終使用 zxing 來實現，把官方例子中的部分程式碼摘除出來做了簡單的封裝，並進行了一些優化。這裡簡單做一個記錄。 掃描二維碼 Android 中關於二維碼掃描的庫有很多，但是歸根到底無外乎下面這幾種

Android 基於google Zxing實現二維碼 條形碼掃描，仿微信二維碼掃描效果

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

Android用Zxing掃二維碼/生成二維碼功能

新年已過，一切恢復真正常，新的一年給自己幾句指引： 光努力還不行，方向很重要。 總是想著最壞的結果，就會讓人失去改變的勇氣。 你當然有權利選擇自己的人生--但只有在你真正強大後，逆行的阻力才會降到最小。 never say never. 下面開始記錄二維碼使用過程

Android 基於google Zxing實現二維碼、條形碼掃描，仿微信二維碼掃描效果（現在正做個掃描App、收藏）

瞭解二維碼這個東西還是從微信中，當時微信推出二維碼掃描功能，自己感覺挺新穎的，從一張圖片中掃一下竟然能直接加好友，不可思議啊，那時候還不瞭解二維碼，呵呵，然後做專案的時候，老闆說要加上二維碼掃描功能，然後自己的屁顛屁顛的去百度，google啥的，發現很多朋友都

高仿仿微信介面二維碼掃描效果 之 Android 基於google Zxing實現二維碼、條形碼掃描

    絕大多數android開發者都是使用google Zxing來實現二維碼、條形碼掃描，但官方和網上很多demo的掃描介面讓人不忍直視，今天我也做了一個，介面和執行效都是高仿微信最新版的掃描效果，執行效果圖如下： 主要是修改了ViewfindView類，我就不多解

Android 基於Zxing的二維碼掃描優化

最近公司專案App中要整合二維碼掃描來適應在戶外工作的時候,對碼頭集裝箱等上面貼的A4紙張列印的二維碼進行識別, 一般App二維碼整合後,能掃出來就不管了,但是我們在整合成功後,根據使用者反饋,在戶外的環境下,很多二維碼識別不了,或者識別速度慢,我們自己也是適用了一下,發現也確實是這樣. &nb

在iOS上實現二維碼功能、二維碼、條形碼、swift 二維碼

iOS 識別二維碼、識別條形碼等  二維碼生成、條形碼生成等 掃碼背景色、掃碼框顏色、掃碼框4個角的顏色均可通過引數修改 動畫效果：線條上下移動、網格形式移動、中間線條不移動(一般掃碼條形碼的效果) 掃碼成功後，獲取當前圖片 模仿QQ掃碼介面 支付寶掃碼框效

使用zxing實現二維碼，並解析二維碼

使用zxing生成二維碼，會比較簡單。很適合初學者學習。 package com.code; import java.io.File; import java.nio.file.Path; import java.util.HashMap; import com

Google zxing實現二維碼掃描完美解決方案

最近因專案需求，需要在App中整合二維碼掃描的功能。網上找了很多資料，最後決定使用Google的zxing來實現。實現的過程遇到了很多的坑，也是因為這些坑在網上沒有具體的解決方案，今天就把我的實現過程分享給大家。 我會分為兩步來和大家分享： （1）專案中如何整合zxing

AngularJS進階(二十七)實現二維碼資訊的整合思路

AngularJS實現二維碼資訊的整合思路 贈人玫瑰，手留餘香。若您感覺此篇博文對您有用，請花費2秒時間點個贊，您的鼓勵是我不斷前進的動力，與君共勉！ 需求       實現生成的二維碼包含訂單詳情資訊。 思路 獲取的內容資料如下:         現在可以獲取到第一級資

Android二維碼功能實現，在程式內嵌入ZXing專案

最近二維碼真是越來越火了，隨便電視上、網路上、商場裡，到處都是二維碼。而內嵌二維碼掃描功能的軟體也越來越多，QQ、微信、UC瀏覽器等等應用都可以對著二維碼掃一掃，感覺我們自己的應用裡不加上二維碼掃描功能，都跟不上時代潮流了。所以今天我就將帶著大家一起，在我們自己的程式里加入二

Android實現二維碼掃描功能（二）-ZXing個性化與近距離識別優化

簡介 本篇我們對掃碼介面進行優化，並對ZXing近距離無法識別的問題做出優化。 個性化定製 每個APP都有自己的表現形式，實現個性化掃碼介面定製，主要有兩個地方： activity_scanner.xml介面檔案 com.google.zxin

Android實現二維碼掃描功能（三）-閃光燈控制

簡介 本篇我們對光線暗淡情況下閃光燈的使用做出介紹。 效果 晚上測試時： 開燈後： 未開燈： 實現步驟 1、在activity_scanner.xml介面上加上閃光燈開關按鈕。可以是Button、Checkbox等控制元件。

Android平臺利用Zxing生成二維碼與解析圖片中的二維碼

轉載請註明http://blog.csdn.net/houkai6/article/details/47102733 1. 生成二維碼 public final class EncodingHandler { private static final int BLACK

Android開發之Zbar實現二維碼掃描功能

前言： 在寫這篇文章之前已經寫過兩篇關於二維碼功能的文章，有興趣的可以看看——》文章1：Android開發之利用ZXing庫實現二維碼的掃描；文章2：Android開發之利用ZXing庫實現二維碼的生成，這兩篇文章中使用到的二維碼生成庫是ZXing，在本篇

Android App掃描二維碼功能的實現

轉載：http://blog.csdn.net/yuzhiqiang_1993/article/details/782920041.基本的掃一掃掃描二維碼從圖片可以看到，我掃的二維碼還是挺複雜的一個二維碼，識別速度還可以。具體使用跟裝置的攝像頭配置有很大關係。掃描條碼（準確率

Android使用zxing-android-embedded（由zxing開發）實現二維碼生成和掃描

前言： 目前二維碼（條形碼）的使用非常廣泛，所以啊，就想去實現以下嘛，最簡單的方法就是選擇開源庫了。 在網上一查開源庫還是很多的，介紹使用最多的就是zxing，所以這裡也就是用zxing了。但是由於zxing開源庫太大了，有很多不是Android要用的，所以