您的位置：首页 > 产品设计 > UI/UE

Android 使用html做UI的方法---js与java的相互调用

2012-11-28 14:35 1066 查看

Android 使用html做UI的方法---js与java的相互调用 - ysongren的日志 - 网易博客

Android 使用html做UI的方法---js与java的相互调用

2010-10-21 22:20:41| 分类： android | 标签： |字号大中小订阅

android中的关键代码：

webview.getSettings().setJavaScriptEnabled(true);

webview.addJavascriptInterface(object,"name");//把Name="name"的对象添加到object中。object如果是this，就是window.name

webview.loadUrl("file:///android_asset/index.html");//注意这个资源的位置是跟res并列的文件夹下。

js或html中调用android中方法代码：

如：

或js中 window.name.java中的方法()；

android中调用js的function方法：

Callfunction(){

webview.loadUrl("javascript: function ()");

}

需要注意的地方，很多数据类型js中不认识，最好是在android那边封装好，提供必要的方法接口。比如传到js中的list，在js中是没办法去得到里面的元素的。

addJavascriptInterface：addJavascriptInterface方法中要绑定的Java对象及方法要运行在另外的线程中，不能运行在构造他的线程中，也就是说不能运行在当前的activity线程中，就是把这个方法绑定到页面中，js也可以调用

文档中的解释：

Use this function to bind an object to Javascript so that the methods can be accessed from Javascript.

The Java object that is bound runs in another thread and not in the thread that it was constructed in.

Demo代码：

JavaJsDemo.java

package com.demo.android.JavaJsDemo;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import java.util.ArrayList;
import java.util.List;
public class JavaJsDemo extends Activity {
/** Called when the activity is first created. */
private WebView web;
public List<String> list;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initData();
setContentView(R.layout.main);
web = (WebView)this.findViewById(R.id.webview);
//开启javascript设置
web.getSettings().setJavaScriptEnabled(true);
//把RIAExample的一个实例添加到js的全局对象window中
//这样就可以使用window.javatojs来调用它的方法
web.addJavascriptInterface(this, "javatojs");
//加载网页
web.loadUrl("file:///android_asset/index.html");
}
void initData(){
list=new ArrayList<String>();
for(int i=0;i<5;i++){
list.add("我是List中的第"+(i+1)+"行");
}
}
/**
* 该方法将在js脚本中，通过window.javatojs.....()进行调用
* @return
*/
public Object getObject(int index){
return list.get(index);
}
public int getSize(){
return list.size();
}
public void Callfunction(){
web.loadUrl("javascript: GetList()");
}
}

index.html

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>demotitle>
<script language="javascript">
function GetList(){
var i=window.javatojs.getSize();
for(var n=0;n<i;n++){
var jsdata= window.javatojs.getObject(n);//拿到activity里面的属性javadata
var datalistdiv = document.getElementById("datalist"); //得到页面的div
pnode = document.createElement("p");//创建一个p标签，再建个textnode
tnode = document.createTextNode(jsdata);
pnode.appendChild(tnode);//p中加入数据
datalistdiv.appendChild(pnode);//div中键入新的p
}
}
script>
head>
<body onload="javascript:window.javatojs.Callfunction()">//调用java方法
<div id = "datalist">
this is a demo
div>
body>
html>

后来发现也有个demo，- -!

http://androidappdocs.appspot.com/resources/articles/using-webviews.html

参考链接：

http://blog.csdn.net/partner4java/archive/2010/04/06/5452613.aspx

http://student.csdn.net/space.php?uid=46868&do=blog&id=22244

http://androidappdocs.appspot.com/reference/android/webkit/WebView.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航