1. 程式人生 > >一個簡單的二維碼生成小程式

一個簡單的二維碼生成小程式

這篇文章主要寫了安卓實現二維碼的生成與掃描功能,簡單實用,需要的可以參考一下。

首先說一下ZXing庫。ZXing是一個開放原始碼的,用Java實現的多種格式的1D/2D條碼影象處理庫,它包含了聯絡到其他語言的埠。Zxing可以實現使用手機的內建的攝像頭完成條形碼的掃描及解碼。該專案可實現的條形碼編碼和解碼。目前支援以下格式:UPC-A,UPC-E、EAN-8,EAN-13、39碼、93碼。ZXing是個很經典的條碼/二維碼識別的開源類庫,以前在功能機上,就有開發者使用J2ME運用ZXing了,不過要支援JSR-234規範(自動對焦)的手機才能發揮其威力。

再說一下這個二維碼的編碼過程

1、資料分析:

確定編碼的字元型別,按相應的字符集轉換成符號字元; 選擇糾錯等級,在規格一定的條件下,糾錯等級越高其真實資料的容量越小。

2、資料編碼:將資料字元轉換為位流,每8位一個碼字,整體構成一個數據的碼字序列。其實知道這個資料碼字序列就知道了二維碼的資料內容。

3、糾錯編碼:按需要將上面的碼字序列分塊,並根據糾錯等級和分塊的碼字,產生糾錯碼字,並把糾錯碼字加入到資料碼字序列後面,成為一個新的序列。在二維碼規格和糾錯等級確定的情況下,其實它所能容納的碼字總數和糾錯碼字數也就確定了,比如:版本10,糾錯等級時H時,總共能容納346個碼字,其中224個糾錯碼字。就是說二維碼區域中大約1/3的碼字時冗餘的。對於這224個糾錯碼字,它能夠糾正112個替代錯誤(如黑白顛倒)或者224個據讀錯誤(無法讀到或者無法譯碼),這樣糾錯容量為:112/346=32.4%

4、構造最終資料資訊:在規格確定的條件下,將上面產生的序列按次序放如分塊中按規定把資料分塊,然後對每一塊進行計算,得出相應的糾錯碼字區塊,把糾錯碼字區塊 按順序構成一個序列,新增到原先的資料碼字序列後面。如:D1, D12, D23, D35, D2, D13, D24, D36, … D11, D22, D33, D45, D34, D46, E1, E23,E45, E67, E2, E24, E46, E68,…

5 、構造矩陣:在構造矩陣之前,我們先來了解一個普通二維碼的基本結構。

 位置探測圖形、位置探測圖形分隔符、定點陣圖形:用於對二維碼的定位,對每個QR碼來說,位置都是固定存在的,只是大小規格會有所差異;

    校正圖形:規格確定,校正圖形的數量和位置也就確定了;

    格式資訊:表示改二維碼的糾錯級別,分為L、M、Q、H;

    版本資訊:即二維碼的規格,QR碼符號共有40種規格的矩陣(一般為黑白色),從21×21(版本1),到177×177(版本40),每一版本符號比前一版本 每邊增加4個模組。

    資料和糾錯碼字:實際儲存的二維碼資訊,和糾錯碼字(用於修正二維碼損壞帶來的錯誤)。

瞭解了二維碼的基本結構後,將探測圖形、分隔符、定點陣圖形、校正圖形和碼字模組放入矩陣中,並把上面的完整序列填充到相應規格的二維碼矩陣的區域中。

6、掩膜:將掩摸圖形用於符號的編碼區域,使得二維碼圖形中的深色和淺色(黑色和白色)區域能夠比率最優的分佈。

7、格式和版本資訊:生成格式和版本資訊放入相應區域內。版本7-40都包含了版本資訊,沒有版本資訊的全為0。二維碼上兩個位置包含了版本資訊,它們是冗餘的。版本資訊共18位,6X3的矩陣,其中6位時資料為,如版本號8,資料位的資訊時 001000,後面的12位是糾錯位。

效果圖如下:

主要實現幾個步驟:

1、先匯入libzxing

2、建立佈局,一個掃描的按鈕,掃描到內容顯示出來的一個TextView,TextView會顯示掃描後的結果,一個輸入框,一個生成二維碼的按鈕,點選Button後開始調照相機功能,掃描二維碼 ,在文字框輸入內容點選生成二維碼按鈕就能生成對應的二維碼,還有一個CheckBox,點選勾選上就能在二維碼中間加上你自己新增的圖片,自定義的圖片,可以根據自己的喜好加上圖片

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.example.hfs.zxingdemo.MainActivity">
    <Button
        android:text="掃描二維碼"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="scan"/>
    <TextView
        android:id="@+id/tv_showResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"/>
    <EditText
        android:id="@+id/et_text"
        android:hint="Imput"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="make"
        android:text="生成二維碼"/>
    <CheckBox
        android:id="@+id/cb_logo"
        android:layout_width="wrap_content"
        android:text="Logo"
        android:layout_height="wrap_content"/>
    <ImageView
        android:id="@+id/img_shouw"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:background="@mipmap/ic_launcher"
        android:layout_height="wrap_content"/>
</LinearLayout>

3、在MainActivity中例項化控制元件,程式碼如下:
package com.example.erweima;

import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.xys.libzxing.zxing.activity.CaptureActivity;
import com.xys.libzxing.zxing.encoding.EncodingUtils;
public class MainActivity extends AppCompatActivity {
    private TextView mTextView;
    private EditText mEditText;
    private ImageView mImageView;
    private CheckBox mCheckBox;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }
    private void initView() {
        mTextView= (TextView) this.findViewById(R.id.tv_showResult);
        mEditText= (EditText) this.findViewById(R.id.et_text);
        mImageView= (ImageView) this.findViewById(R.id.img_shouw);
        mCheckBox= (CheckBox) this.findViewById(R.id.cb_logo);
    }
    //掃描二維碼
//https://cli.im/text?2dd0d2b267ea882d797f03abf5b97d88二維碼生成網站
    public void scan(View view) {
        startActivityForResult(new Intent(this, CaptureActivity.class),0);
    }
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (resultCode==RESULT_OK){
            Bundle bundle = data.getExtras();
            if (bundle != null) {
                String result=bundle.getString("result");
                mTextView.setText(result);
            }
        }
    }
    //生成二維碼 可以設定Logo
    public void make(View view) {
        String input = mEditText.getText().toString();
        if (input.equals("")){
            Toast.makeText(this,"輸入不能為空",Toast.LENGTH_SHORT).show();
        }else{
            Bitmap qrCode = EncodingUtils.createQRCode(input, 500, 500,
                    mCheckBox.isChecked()? BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher):null);//CheckBox選中就設定Logo
            mImageView.setImageBitmap(qrCode);
        }
    }
}

4、一個最重要的一個點

千萬不要忘了關聯

千萬不要忘了關聯

千萬不要忘了關聯

重要的事情說三遍

一定要把你的專案跟匯入的libzxing關聯起來,要不然沒效果

步驟如下:點選file-Project Structure

在Modules下找到你的專案,點選Dependencies右邊有一個+號

點選第三個如圖

然後等待Build就行了,

整個二維碼的掃描與生成就這樣寫好了,小白一個,希望各位大佬不喜勿噴,謝謝支援