androidwebkit案例,移动互联网时代Android上的一个例子

我们来演示一个获取联系人&＃xff0c;并用网页展现出来的简单例子。

首先&＃xff0c;我们在eclipse环境中创建一个Android project&＃xff0c;我们的Activity名称是com.example.RIAExample&＃xff0c;并且修改界面的layout文件如下&＃xff1a;

    android:orientation&＃61;"vertical"    android:layout_width&＃61;"fill_parent"    android:layout_height&＃61;"fill_parent"> android:layout_width&＃61;"fill_parent"android:layout_height&＃61;"fill_parent">

可以看到&＃xff0c;界面中仅仅包含一个WebView控件。

接下来&＃xff0c;创建一个简单的java类来描述一个联系人的信息&＃xff0c;它包含联系人姓名和号码。

packagecom.example;

importjava.util.Vector;

importandroid.app.Activity;

importandroid.os.Bundle;

importandroid.webkit.WebView;

publicclassRIAExampleextendsActivity{

privateWebView web;

//模拟号码簿privateVectorphonebook&＃61;newVector();

/** *//**Called when the activity is first created.*/    &＃64;Override

publicvoidonCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

this.initContacts();

        web&＃61;(WebView)this.findViewById(R.id.web);

        web.getSettings().setJavascriptEnabled(true);//开启Javascript设置&＃xff0c;否则WebView不执行js脚本web.addJavascriptInterface(this,"phonebook");//把RIAExample的一个实例添加到js的全局对象window中&＃xff0c;

//这样就可以使用window.phonebook来调用它的方法web.loadUrl("file:///android_asset/phonebook.html");//加载网页    }    

/** *//**     * 该方法将在js脚本中&＃xff0c;通过window.phonebook.getContacts()进行调用

     * 返回的JavaArrayJSWrapper对象可以使得在js中访问Java数组

     *&＃64;return*/

publicJavaArrayJSWrapper getContacts(){

        System.out.println("fetching contacts data");

        Person[] a&＃61;newPerson[this.phonebook.size()];

        a&＃61;this.phonebook.toArray(a);

returnnewJavaArrayJSWrapper(a);

    }    

/** *//**     * 初始化电话号码簿

*/

publicvoidinitContacts(){

        Person p&＃61;newPerson();

        p.name&＃61;"Perter";

        p.phone_number&＃61;"8888888";

        phonebook.add(p);

        p&＃61;newPerson();

        p.name&＃61;"Jack";

        p.phone_number&＃61;"777777";

        phonebook.add(p);

    }    

/** *//**     * 通过window.phonebook.debugout来输出js调试信息。

     *&＃64;paraminfo

*/

publicvoiddebugout(String info){

        System.out.println(info);

    }}

下面是html文件&＃xff0c;它非常简单。

thisis a demo

而主角就是我们的Javascript脚本fetchcontacts.js

window.οnlοad&＃61;function(){

    window.phonebook.debugout("inside js onload");//调用RIAExample.debugoutvarpersons&＃61;window.phonebook.getContacts();//调用RIAExample.getContacts()

if(persons){//persons实际上是JavaArrayJSWrapper对象window.phonebook.debugout(persons.length()&＃43;"of contact entries are fetched");

varcontactsE&＃61;document.getElementById("contacts");

vari&＃61;0; 

while(i{//persons.length()调用JavaArrayJSWrapper.length()方法            pnode&＃61;document.createElement("p");

            tnode&＃61;document.createTextNode("name :"&＃43;persons.get(i).getName()&＃43;"number :"&＃43;persons.get(i).getNumber());//persons.get(i)获得Person对象&＃xff0c;然后在js里面直接调用getName()和getNumber()获取姓名和号码pnode.appendChild(tnode);

            contactsE.appendChild(pnode);

            i&＃43;&＃43;;

        }

    }else{

        window.phonebook.debugout("persons is undefined");

    }    

}

例子很简单&＃xff0c;我加了注释希望有助大家理解&＃xff0c;其他我就不深入解释了。

我把例子的源代码放上来&＃xff0c;你可以下来试一试。

这个例子说明通过WebView.addJavascriptInterface方法&＃xff0c;我们可以扩展Javascript的API&＃xff0c;获取Android的数据。这样&＃xff0c;JS的粉丝就可以使用Dojo&＃xff0c;JQuery&＃xff0c;Prototy等这些知名的js框架来搭建android应用程序来展现它们很酷很玄的效果&＃xff01;但是&＃xff0c;目前addJavascriptInterface还不够灵活强大&＃xff0c;为什么呢&＃xff1f;敬请关注第四篇“what next?”

posted on 2009-03-14 16:16 勤劳的蜜蜂 阅读(5367) 评论(6)  编辑  收藏