Android和javascript之间交互,javascript需要运行在浏览器或者Android的WebView组件,javascript 必须还有载体html文件,这个html文件
放到Android项目assets文件夹下面。
首先我把我把代码先贴出来:
main.xml layout文件的内容如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<EditText
android:id="@+id/txt"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btn"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Send To JavaScript" />
<Button
android:id="@+id/btnNo"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Send To JavaScript(No Parameter)" />
<TextView
android:id="@+id/show"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<WebView
android:id="@+id/wv"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
assets 文件夹下面的html的内容如下:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function get4Android(str) {
document.getElementById("show").innerHTML = "This is a message from android:"
+ str;
}
function get4AndroidNoparameter() {
alert("get4AndroidNoparameter");
}
function send2Android() {
var str = document.getElementById("mess").value;
window.myjs.runOnAndroidJavaScript(str);//调用android的函数
}
function send2AndroidNoparameter() {
window.myjs.runOnAndroidJavaScript();//调用android的无参函数
}
</script>
</head>
<body>
<input type="text" id="mess" />
<input type="button" value="Send To Android(Having Parameters)" οnclick="send2Android()" />
<input type="button" value="Send To Android(No parameters)" οnclick="send2AndroidNoparameter()" />
<div id="show"></div>
</body>
</html>
Activity 的代码如下:
package com.broadvision.jstest;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
public class JsTestActivity extends Activity {
private EditText txt;
private WebView wv;
private Button btn;
private Button btnNo;
private Handler h = new Handler();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
txt = (EditText) findViewById(R.id.txt);
wv = (WebView) findViewById(R.id.wv);
btn = (Button) findViewById(R.id.btn);
btnNo = (Button) findViewById(R.id.btnNo);
wv.requestFocus(View.FOCUS_DOWN|View.FOCUS_UP);
WebSettings webSettings = wv.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setLightTouchEnabled(true);
webSettings.setSaveFormData(false);
webSettings.setSavePassword(false);
webSettings.setSupportZoom(false);
// Do not use addJavascriptInterface() unless all of the HTML in this
// WebView was written by you 一般情况下java和javascript不能相互调用,除非你知道javascript代码是安全的.
// The Java object that is bound runs in another thread and not in the
// thread that it was constructed in. myjs是自己定义的,供javascript访问的接口
wv.addJavascriptInterface(new runJavaScript(), "myjs");
// the WebChromeClient can invoke "alert()" js method
wv.setWebChromeClient(new WebChromeClient());
String url = "file:///android_asset/android.html";
wv.loadUrl(url);
//WebView要调用assets文件夹下面的html文件路径格式如下:file:///android_asset/html文件名称
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// 调用javascript的函数get4Android(str) 调用javascript有参的构造函数
wv.loadUrl("javascript:get4Android('" + txt.getText().toString() + "')");
wv.requestFocus(View.FOCUS_DOWN | View.FOCUS_UP);
}
});
btnNo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
System.out.println("No parameter");
// 调用javascript的函数get4AndroidNoparameter() Java 调用javascript无参的函数
wv.loadUrl("javascript:get4AndroidNoparameter()");
wv.requestFocus(View.FOCUS_DOWN | View.FOCUS_UP);
}
});
}
// The Java object that is bound runs in another thread and not in the thread
// that it was constructed in.文档的一句话!
class runJavaScript {// 这个Java 对象是绑定在另一个线程里的,
public void runOnAndroidJavaScript(final String str) {
h.post(new Runnable() {
@Override
public void run() {// 这里应该特别注意的
TextView show = (TextView) findViewById(R.id.show);
show.setText("This is a message from javascript:" + str);
wv.requestFocus(View.FOCUS_DOWN | View.FOCUS_UP);
}
});
}
public void runOnAndroidJavaScript() {
h.post(new Runnable() {
@Override
public void run() {// 这里应该特别注意的
Toast.makeText(JsTestActivity.this,
"This is a message from javascript", Toast.LENGTH_LONG).show();
wv.requestFocus(View.FOCUS_DOWN | View.FOCUS_UP);
}
});
}
}
}
注意事项:
1.Java 可以根据方法名相同参数不同重载,javascript最好不要这样。
2. WebView.setWebChromeClient(new WebChromeClient()); 设置以后 javascript的alert方法才可以再WebView中调用。
3.webSettings.setLightTouchEnabled(true); 和webView.requestFocus(View.FOCUS_DOWN | View.FOCUS_UP);
沟通来解决EditText和WebView中的输入框不能分别获得焦点的问题。
希望对大家有所帮助,如果你需要这个项目,我也可以发给你。