index.html的内容:
<html>
<head>
<script language="JavaScript">
function callJS(arg){
document.getElementById('replaceme').innerHTML=arg;
} //android会来调用它
</script>
</head>
<body>
<h1>WebView</h1>
<p>
<a href="#" οnclick="window.alert('AlertfromJavaScript')">
DisplayJavaScriptalert</a>//该事件会被android截获
</p>
<p>
<a href="#" οnclick="window.android.callAndroid('HellofromBrowser')">
CallAndroidfromJavaScript</a>//js通过自己定义“android"接口来调用java类中的方法,"android"可以改成任意的,但必须和java中设置的接口名一致
</p>
<p id="replaceme">
</p>
</body>
</html>
Activity中设置:
package com.test.localbrowser;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
public class LocalBrowserActivity extends Activity {
private static final String TAG="LocalBrowser";
private final Handler handler=new Handler();
private WebView webView;
private TextView textView;
private Button button;
private class AndroidBridge //这个类中提供各种js可调用的方法。
{
public void callAndroid(final String arg)
{
handler.post(new Runnable(){
public void run()
{
Log.d(TAG,"calAndroid("+arg+")");
textView.setText(arg);
}
});
}
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView=(WebView)findViewById(R.id.web_view);
textView=(TextView)findViewById(R.id.text_view);
button=(Button)findViewById(R.id.button);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new AndroidBridge(), "android"); //将那个实例化的函数类设置为”android"的js接口。
webView.setWebChromeClient(new WebChromeClient()
{
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
Log.d(TAG,"onJsAlert("+view+","+url+","+message+","+result+")");
Toast.makeText(LocalBrowserActivity.this, message, 3000).show();
result.confirm();
return true;
}
});//设置可以被java截获的js事件。
webView.loadUrl("file:///android_asset/index.html");
button.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
Log.d(TAG,"onClick("+v+")");
webView.loadUrl("javascript:callJS('hello from android')"); //java调用js的函数
}
});
}
}
有了这些基础,可以尝试用html做界面