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

瞭解二維碼這個東西還是從微信中，當時微信推出二維碼掃描功能，自己感覺挺新穎的，從一張圖片中掃一下竟然能直接加好友，不可思議啊，那時候還不瞭解二維碼，呵呵，然後做專案的時候，老闆說要加上二維碼掃描功能，然後自己的屁顛屁顛的去百度，google啥的，發現很多朋友都有介紹二維碼掃描的功能，然後我就跟著人家的介紹自己搞起了二維碼掃描功能，跟著人家的帖子，很快我的專案就加入了掃描二維碼的功能，然後自己還很開心。

隨著微信的到來，二維碼越來越火爆，隨處能看到二維碼，比如商城裡面，肯德基，餐廳等等，對於二維碼掃描我們使用的是google的開源框架Zxing,我們可以去http://code.google.com/p/zxing/

下載原始碼和Jar包，之前我專案中的二維碼掃描功能只實現了掃描功能，其UI真的是其醜無比，一個好的應用軟體，其UI介面也要被大眾所接納，不然人家就不會用你的軟體啦，所以說應用軟體功能和介面一樣都很重要，例如微信，相信微信UI被很多應用軟體所模仿，我也仿照微信掃描二維碼效果進行模仿，雖然沒有微信做的那麼精緻，但是效果還是可以的，所以將自己修改UI的程式碼和掃描二維碼的程式碼分享給大家，一是自己以後專案遇到同樣的功能直接拷貝來用，二是給還沒有加入二維碼功能的人一個參考，站在巨人的肩膀上,哈哈，我之前也是站在巨人的肩膀上加上此功能，接下來跟著我一步一步來實現此項功能，裡面去除了很多不必要的檔案

我們先看下專案的結構

如果你專案也想加入此功能，你直接將com.mining.app.zxing.camera，com.mining.app.zxing.decoding，com.mining.app.zxing.view這三個包拷貝到你的專案中，然後引入相對應的資源進去，我也是從我的專案中直接引用過來的，包名都沒改呢，當然還需要引用Zxing.jar

com.example.qr_codescan包裡面有一個MipcaActivityCapture,也是直接引入我之前專案的程式碼的，這個Activity主要處理掃描介面的類，比如，掃描成功有聲音和振動等等，主要關注裡面的handleDecode(Result result, Bitmap barcode)方法，掃描完成之後將掃描到的結果和二維碼的bitmap當初引數傳遞到

handleDecode(Result result, Bitmap barcode)裡面，我們只需要在裡面寫出相對應的處理程式碼即可，其他的地方都不用改得，我這裡處理掃描結果和掃描拍的照片

/**
* 處理掃描結果
* @param result
* @param barcode
*/
publicvoid handleDecode(Result result, Bitmap barcode) {
inactivityTimer.onActivity();
playBeepSoundAndVibrate();
String resultString = result.getText();
if (resultString.equals("")) {
Toast.makeText(MipcaActivityCapture.this, "Scan failed!", Toast.LENGTH_SHORT).show();
}else {
Intent resultIntent = new Intent();
Bundle bundle = new Bundle();
bundle.putString("result", resultString);
bundle.putParcelable("bitmap", barcode);
resultIntent.putExtras(bundle);
this.setResult(RESULT_OK, resultIntent);
}
MipcaActivityCapture.this.finish();
}

我對MipcaActivityCapture介面的佈局做了自己的改動，先看下效果圖，主要是用到FrameLayout,裡面巢狀RelativeLayout，裡面的圖片也是從微信裡面拿出來的，平常我看到需要什麼圖片就去微信裡面找，沒有美工的公司的程式設計師就是苦逼

佈局程式碼如下

<?xmlversion="1.0"encoding="utf-8"?>
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<SurfaceView
android:id="@+id/preview_view"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"/>
<com.mining.app.zxing.view.ViewfinderView
android:id="@+id/viewfinder_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<include
android:id="@+id/include1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
layout="@layout/activity_title"/>
</RelativeLayout>
</FrameLayout>

在裡面我將介面上面部分寫在另一個佈局裡面，然後include進來，因為這個activity_title在我專案裡面還供其他的Activity使用，我也是直接拷貝出來的

<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/mmtitle_bg_alpha">
<Button
android:id="@+id/button_back"
android:layout_width="75.0dip"
android:text="返回"
android:background="@drawable/mm_title_back_btn"
android:textColor="@android:color/white"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="2dip"/>
<TextView
android:id="@+id/textview_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button_back"
android:layout_alignBottom="@+id/button_back"
android:layout_centerHorizontal="true"
android:gravity="center_vertical"
android:text="二維碼掃描"
android:textColor="@android:color/white"
android:textSize="18sp"/>
</RelativeLayout>

在我這個demo裡面，有一個主介面MainActivity，裡面一個Button，一個ImageView和一個TextView,點選Button進入到二維碼掃描介面，當掃描OK的時候，回到主介面，將掃描的結果顯示到TextView，將圖片顯示到ImageView裡面，然後你可以不處理圖片，我這裡隨帶的加上圖片，主介面的佈局很簡單如下

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

Android 廣告（banner）圖片輪播、圖片瀏覽、仿微信大圖檢視控制元件（支援視訊和gif圖片）、支援動態新增資料

Android 多張圖片展示，仿微信圖片上傳，可以選擇多張圖片

Android仿微信呼叫第三方地圖應用導航（高德、百度、騰訊）

基於VCamera，仿微信錄製短視訊

Android Zxing實現掃描二維碼條形碼功能仿微信整合閃光燈生成二維碼

Android實現二維碼掃描（仿微信，輕量Zxing）