示例很简单，上来是个按钮，点击后，进入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。

但是如果是解析xml数据，比如获取google weather api，就需要灵活的遍历xml节点和属性。

android SDK提供了xmlpull api，xmlpull和sax类似，是基于流（stream）操作文件，然后根据节点事件回调开发者编写的处理程序。因为是基于流的处理，因此xmlpull和sax都比较节约内存资源，不会象dom那样要把所有节点以对橡树的形式展现在内存中。

xmlpull比sax更简明，而且不需要扫描完整个流。

xmlpull的官方网址在：

http://www.xmlpull.org

使用起来很简单，比如google weather api获取数据类似这样：

http://easymorse.googlecode.com/svn/tags/android.xmlpull.google.weather-1.0/assets/weather.xml

现在比如只想获取current_conditions元素节点的信息，即只获取当前的天气信息。想要产生的效果类似这样：

代码：

private void setWeatherInfo(TextView textView)
throws XmlPullParserException, IOException {
XmlPullParserFactory factory = XmlPullParserFactory.newInstance();
factory.setNamespaceAware(true);
XmlPullParser parser = factory.newPullParser();
parser.setInput(this.getAssets().open(“weather.xml”), “UTF-8″);
for (int i = parser.getEventType(); i != XmlPullParser.END_DOCUMENT; i = parser
.next()) {
if (i == XmlPullParser.START_TAG
&& parser.getName().equals(“current_conditions”)) {
StringBuilder builder = new StringBuilder();
for (int j = parser.getEventType();; j = parser.next()) {
if (j == XmlPullParser.END_TAG
&& parser.getName().equals(“current_conditions”)) {
break;
}
if (j == XmlPullParser.START_TAG) {
if (parser.getName().equals(“temp_c”)) {
builder.append(“当前气温：”).append(
parser.getAttributeValue(0)).append(“摄氏度”);
}
if(parser.getName().equals(“wind_condition”)){
builder.append(“, “).append(parser.getAttributeValue(0));
}
}
}
textView.setText(builder.toString());
}
}
}

源代码：

http://easymorse.googlecode.com/svn/tags/android.xmlpull.google.weather-1.0/

digester

apache commons项目中的digester，可以加入到maven中：

<dependency>
    <groupId>commons-digester</groupId>
    <artifactId>commons-digester</artifactId>
    <version>2.0</version>
</dependency>

 

代码编写很简单，比如有如下javabean：

  package mypackage;
  public class Foo {
    public void addBar(Bar bar);
    public Bar findBar(int id);
    public Iterator getBars();
    public String getName();
    public void setName(String name);
  }

  package mypackage;
  public class Bar {
    public int getId();
    public void setId(int id);
    public String getTitle();
    public void setTitle(String title);
  }

 

现在可以将如下xml文档转为javabean的实例：

<foo name="The Parent">
    <bar id="123" title="The First Child"/>
    <bar id="456" title="The Second Child"/>
  </foo>

 

代码片段：

  Digester digester = new Digester();
  digester.setValidating(false);
  digester.addObjectCreate("foo", "mypackage.Foo");
  digester.addSetProperties("foo");
  digester.addObjectCreate("foo/bar", "mypackage.Bar");
  digester.addSetProperties("foo/bar");
  digester.addSetNext("foo/bar", "addBar", "mypackage.Bar");
  Foo foo = (Foo) digester.parse();

 

参见文档：

http://commons.apache.org/digester/commons-digester-2.0/docs/api/org/apache/commons/digester/package-summary.html

xstream

也是类似的工具，在android下通过xstream解析xml格式信息中已经演示了在android中的是使用。网址：

http://xstream.codehaus.org/

简单的官方教程：

http://xstream.codehaus.org/tutorial.html

下面是一个xml文件的格式示例。

<product>
    <name>NetGear 614v9无线路由器</name>
    <createTime>2009-10-27 00:00:00.0 CST</createTime>
</product>

下载或者访问该xml文件：[Download not found]

如果解析上面的xml文件呢？这里选用了xstream，网址：

http://xstream.codehaus.org/

xstream可以自动解析文件，并且根据xml数据实例化javabean。如果不这样，需要手工编写SAX API代码解析。

首先编写了一个对应的Product的javabean：

package com.easymorse;

import java.util.Date;

public class Product {
    @Override
    public String toString() {
        return “Product [createTime=" + createTime.toLocaleString() + ", name=" + name + "]“;
    }

    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Date getCreateTime() {
        return createTime;
    }

    public void setCreateTime(Date createTime) {
        this.createTime = createTime;
    }

    private Date createTime;
}

 

然后，需要类似这样调用xstream的代码（代码还是改自实现android activity之间的跳转）：

package com.easymorse;

import java.io.BufferedReader;
import java.io.InputStreamReader;

import org.apache.http.HttpResponse;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.DefaultHttpClient;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.TextView;

import com.thoughtworks.xstream.XStream;

public class NextActivity extends Activity {
    private TextView textView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.next_activity);
        this.textView=(TextView) this.findViewById(R.id.TextView01);

        HttpClient client = new DefaultHttpClient();
        StringBuilder builder = new StringBuilder();

        HttpGet get = new HttpGet(
                “http://marshal.easymorse.com/wp-content/uploads/2009/10/product2.xml”);
        try {
            HttpResponse response = client.execute(get);
            BufferedReader reader = new BufferedReader(new InputStreamReader(
                    response.getEntity().getContent()));
            for (String s = reader.readLine(); s != null; s = reader.readLine()) {
                builder.append(s);
            }
            Log.v(“response”,”product:”+builder.toString());
            XStream xstream = new XStream();
            xstream.alias(“product”, Product.class);
            Product product=(Product) xstream.fromXML(builder.toString());
            this.textView.setText(product.toString());
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

执行NextActivity的截图：

从服务器端返回的中文内容能够正确解码。不过，如果通过eclipse插件中的ddms日志，看到的是乱码，估计和日志或者eclipse插件默认字符集有关 。

另外，想要使用xstream需要引入xstream包。具体方法见：在eclipse的android项目中引入第三方包。在这里xstream又依赖xpp3用于对xml解析。xpp3的网址：

http://www.extreme.indiana.edu/xgws/xsoap/xpp/

可以在这里下载到最新的xpp3分发包：

http://www.extreme.indiana.edu/dist/java-repository/xpp3/distributions/

然后解压缩，将其中的xpp3_min-*.jar导入项目即可。

或者也可以选择不依赖xpp3包，这样可以节省24K左右的空间。需要实例化XStream时:

XStream xstream = new XStream(new DomDriver());

另外，日期格式用：

2009-10-27 00:00:00.0 CST

是为了直接转型方面，如果比较复杂，需要实现xstream的转型接口做定制实现：

http://xstream.codehaus.org/converter-tutorial.html

这个版本改为用groovy生成xml，数据和表现逻辑在一个文件中，而且groovy文本中加入变量和生成xml都十分方便。整个代码变得很简明。

需要用到的是groovy包中提供的xml构建类：groovy.xml.MarkupBuilder。以下是一个实例：

import groovy.xml.MarkupBuilder

def params=[:]
def address=1066987654321

params.smsItems=['123','223','323']
params.wapItms=['http://wap.mycompony.com/bz.php?id=23']

def out=new StringWriter()
def xmlResults=new MarkupBuilder(out)

xmlResults.messages{
    if(params.smsItems.isEmpty()){
        message 'sms have no data.'
    }else{
        sms(address:address){
            params.smsItems.each{
                content it
            }
         }
    }
    wap{
        params.wapItms.each{
            url it
        }
    }
}

println out

将产生如下结果：

<messages>
  <sms address='1066987654321'>
    <content>123</content>
    <content>223</content>
    <content>323</content>
  </sms>
  <wap>
    <url>http://wap.mycompony.com/bz.php?id=23</url>
  </wap>
</messages>