android 条形码的应用

扫描和识别条形码的android支持库

android支持扫描条形码。不过手里没有真机，无法理解该功能是一个应用，还是一个可API调用的功能。不过在网上找到一个免费开源的android处理条形码的库。见：

http://code.google.com/p/zxing

可以作为应用安装到android上，见：

http://code.google.com/p/zxing/wiki/GettingStarted

或者，在另外的程序中使用该功能：

http://code.google.com/p/zxing/wiki/ScanningViaIntent

 

 

编写最简单的android扫描条形码功能

已经有java的第三方开源条形码识别库（zxing）了，在自己的应用中扫描条形码实际上只需调用该第三方库的实现即可。写扫描和识别条形码的android支持库的时候还没有g1手机，现在可以试试了。

为了能调用zxing，需要先安装google market中的barcode scanner：

 

 

为了能调用zxing，需要先安装google market中的barcode scanner：

‍

程序很简陋，第一个界面：

‍

第二个界面，跳到了zxing库提供的Activity去做条形码扫描，这里扫描的是生成QR二维条码中的本站url。

 

‍

qr码瞬间就可以识别到，然后从zxing的Activity返回到程序中，显示条目内容：

‍

编写代码很简单。

java代码：

package com.easymorse;

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

public class ShowBarcodeActivity extends Activity implements OnClickListener {

private Button button;

private TextView textView;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

this.button = (Button) this.findViewById(R.id.Button01);
this.button.setOnClickListener(this);

this.textView = (TextView) this.findViewById(R.id.hello);
}

@Override
public void onClick(View view) {
Intent intent = new Intent(“com.google.zxing.client.android.SCAN”);
intent.putExtra(“SCAN_MODE”, “QR_CODE_MODE”);
this.startActivityForResult(intent, 0);
}

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode != 0) {
return;
}

this.textView.setText(data.getStringExtra(“SCAN_RESULT”));
}
}

layout目录下面的main.xml：

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:orientation=”vertical”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
>
<TextView
android:id=”@+id/hello”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”@string/hello”
/>

<Button android:text=”@string/Button01″ android:id=”@+id/Button01″ android:layout_width=”wrap_content” android:layout_height=”wrap_content”></Button>
</LinearLayout>

values目录下的strings.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<resources>
<string name=”hello”>目前没有扫描结果。</string>
<string name=”app_name”>购物小参考</string>
<string name=”Button01″>点击开始扫描…</string>
</resources>

从这个示例中也可以看到android强大的地方，可以复用（reuse）其他应用的服务（Service）或者Activity。

 

android扫描商品条形码

刚才写的编写最简单的android扫描条形码功能，只能扫描qr二维码。如果要扫描普通的商品条形码，需要在该程序上座一点儿修改。

界面的改动：

‍

扫描条形码时的效果：

‍‍

 

显示扫描结果（识别速度明显低于二维码）：

‍

代码的改动：

package com.easymorse;

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

public class ShowBarcodeActivity extends Activity {

private Button button;

private Button button2;

private TextView textView;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

this.button = (Button) this.findViewById(R.id.Button01);
this.button.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
Intent intent = new Intent(
“com.google.zxing.client.android.SCAN”);
intent.putExtra(“SCAN_MODE”, “QR_CODE_MODE”);
startActivityForResult(intent, 0);
}
});

this.button2 = (Button) this.findViewById(R.id.Button02);
this.button2.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
Intent intent = new Intent(
“com.google.zxing.client.android.SCAN”);
intent.putExtra(“SCAN_MODE”, “EAN_13″);
startActivityForResult(intent, 0);
}
});

this.textView = (TextView) this.findViewById(R.id.hello);
}

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode != 0) {
return;
}

this.textView.setText(data.getStringExtra(“SCAN_RESULT”));
}
}

写完这个示例，才发现其实现在不需要写：

intent.putExtra(“SCAN_MODE”, “QR_CODE_MODE”);

zxing现在的库可以自动的识别是哪种编码。如果写了，反而是指定类型，不能识别其他类型的编码。实际上，上面的：

intent.putExtra(“SCAN_MODE”, “EAN_13″);

写的不对。具体常量参数，见：

http://zxing.org/w/docs/javadoc/constant-values.html

上面的内容不修改了，正确的源代码共享在google code的svn中，见：

http://easymorse.googlecode.com/svn/tags/barcode.proto.0.1.0/

 

 

识别图书ISBN号并输出查询结果的示例

写了个技术原型，通过手机识别图书的ISBN条形码，然后通过豆瓣网的API，输出ISBN号对应的图书信息。

‍

示例很简单，上来是个按钮，点击后，进入zxing的activity，用于扫描图书ISBN号。

‍

使用zxing的扫描功能，这次还出现了点儿问题。我的nexus one摄像头比较脏了，造成对焦后无法识别，或者识别的很慢。吓了我一跳，因为以前没有问题的。

 

更换了几个版本zxing，问题依旧，擦拭了镜头，问题立刻得到了解决。

nexus one的像素和自动对焦能力，也可能包括cpu的处理因素，稍稍对中条码，立刻得到结果。之前的G1就要慢一些。

这也带来了捕获上面截图的困难，因为一瞬间扫描就结束了。怎么办呢？我用手在镜头上揉搓了几下，就可以了，哈哈。

‍

提示找到图书后，通过豆瓣API，获取到图书的XML，这里要说，豆瓣的图书信息还是比较全的，我用国外图书也找到了信息。

‍

因为使用联通WCDMA卡，整个过程很快。

下面说说代码中的一些要点。

如何扫描条形码

现在做条形码扫描，java一般用zxing。zxing有多种复用方式，最简单的方式是，安装zxing软件，通过google market。在自己的应用中，通过Intent调用zxing的扫描条码的Activity，然后将扫描到的结果返回自己的Activity。

比较复杂的办法是，将zxing库包含在自己的程序中，这比较适合正式的应用。

本文使用的是前者。

示例代码

示例源代码见：

http://easymorse.googlecode.com/svn/tags/sou.book-0.2

还有一个更为简单的示例，可用于理解调用zxing和豆瓣API的基本过程，见：

http://easymorse.googlecode.com/svn/tags/sou.book-0.1

实现activity跳转

在0.2版本中，涉及到3个activity，首先是搜索图书的activity，见最上面的图。点击按钮后，进入zxing的activity，从视觉上看，zxing获取到ISBN号后，进入了第三个activity，显示图书的详细信息。

其实，从zxing得到ISBN号以后，还是返回到搜索图书的activity，但是该activity马上发起新的intent，进入新的activity。另外，这里也演示了如果通过intent共享activity之间的参数。

以下代码创建新的activity，并设置参数：

Intent intent = new Intent(); 
intent.setClass(this, SearchBookActivity.class); 
intent.putExtra("ISBN", data.getExtras().getString("SCAN_RESULT")); 
this.startActivity(intent);

以下是从intent中获取到参数：

this.getIntent().getExtras().getString("ISBN");有关zxing的使用，可以参考我另外一个示例，android扫描商品条形码。webview使用本地页面的考虑

在显示图书查询结果的activity中，使用webview，这样显示可以做的比较灵活和简单。

显示页面有多种做法，比如可以是远程服务器上的页面，这要求有服务器端的支持。看起来这样比较省心，尤其是比如有iphone，有android等等异构终端的情况下。手机开发人员可以将这部分都空出来，交给服务器端去解决。而且是统一的解决方案。

但是，实践中，有两个问题：

服务器端开发人员要为不同手机客户端实现不同的样式，而且服务器端开发者往往并不配备手机设备，这也确实是难以做到的，难道要为一个做适配的服务器端开发人员配备iphone、android和s60手机么？手机终端开发者无法灵活的控制webview中的细节，webview（这里指android环境，iphone环境类似的）支持通过javascript访问手机的服务或者对象，但这是平台相关的，android有自己的代码，iphone也有自己的代码，很难在服务器端统一解决。

我在这个原型中试图解决，即，HTML页面在手机端本地，手机端和服务器交互，只是取得数据，而不包含显示样式（也就是HTML页面的内容），手机端通过javascript，将取得的数据注入到本地页面中显示。

这种方式的好处是：

手机端和服务器端交互是获取数据，这是各种手机系统都通用的；这种方式类似与AJAX，对数据流量的要求也会下降；手机端开发人员可以灵活的决定页面的样式和交互动作。

在本例中，将html和css放置在项目的assets目录下，另外，该目录下，还有一张图片，用于未加载到图书图片时占位。想像一下，如果不使用webview，这个需求需要编程处理，是比较繁琐的，可参见android异步加载ListView中的图片中的处理。

实现webview的代码很简单，这是一个更简单的示例，见android编写简单的Webview。本例相关代码：

this.resultWeb = (WebView) this.findViewById(R.id.resultWeb);

this.resultWeb.getSettings().setSupportZoom(false);

this.resultWeb.getSettings().setJavaScriptCanOpenWindowsAutomatically(

        true);

this.resultWeb.getSettings().setJavaScriptEnabled(true);

this.resultWeb.loadUrl(file:///android_asset/results.html);

 

这里要注意，setJavaScriptEnabled启用javascript，否则javascript无效。

android java与html页面中javascript互操作

javascript和java之间的通信问题，本例只通过javascript调用java，还是比较简单的。如果是java调用javascript，应该需要启动单独的线程来实现。

需要为webview对象创建一个javascript调用的接口对象：

this.resultWeb.addJavascriptInterface(new Object() {

    public String getBookName() {

        return bookInfo.getName();

    }

    public String getBookSummary() {

        return bookInfo.getSummary();

    }

    public String getBookImageUrl() {

        return bookInfo.getImageUrl();

    }

    public String getBookAuthor() {

        return bookInfo.getAuthor();

    }

}, "searchResult");

 

其中第一个参数是javascript调用的对象，第二个参数，是调用对象的名称。

看看javascript中怎样调用这个对象：

document.getElementById("bookName").innerHTML=window.searchResult.getBookName();

可以看到window对象多了个searchResult对象属性，这个searchResult就是上面方法中第二个参数。通过该名字，就调用到了上面第一个参数创建的内部类对象。

使用豆瓣API

豆瓣API官方网址：

http://www.douban.com/service/apidoc/

这里仅用到根据ISBN得到图书信息xml的功能。在这里：

http://www.douban.com/service/apidoc/reference/subject#获取书籍信息

如果匿名使用这个API，有一定的限制：

API调用被限制为每分钟请求不超过10次。

这里的调用次数是每ip地址的。对于手机应用来说，大于6秒钟扫描一次图书，应该是够用了。

解析豆瓣XML查询结果

对豆瓣的xml查询结果，使用了android自带的xmlpull api进行解析。

这里和android通过xmlpull解析xml稍有差别在于，后者是获取xml的属性值，这里是获取节点中的文本内容。

需要：

if (i == XmlPullParser.START_TAG

        && parser.getName().equals("attribute")

        && parser.getAttributeValue(0).equals("title")) {

    bookInfo.setName(parser.nextText());

    Log.v("soubook", "title>>" + bookInfo.getName());

    continue;

}

 

通过parser.nextText（）方法获取。另外，要注意在获取完毕后，continue结束本次循环。

HTML与CSS

本例中显示查询结果的webview使用了比较难看的灰色背景，主要是为了演示外部css可以很好的和html结合使用。

同理，也应该可以在html页面中引用外部的javascript，打算在下一个版本中加入jquery。