Android中构建HTML5应用

Android中构建HTML5应用

使用WebView控件,与其他控件的使用方法相同在layout中使用一个标签,WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个html.

在WebView中加载Web页面:

（1）注意在manifest文件中加入访问互联网的权限：

<</SPAN>uses-permission android:name="android.permission.INTERNET" />  

在Android中点击一个链接，默认是调用应用程序来启动，因此WebView需要代为处理这个动作通过WebViewClient。

（2）在布局文件中(main.xml),添加标签WebView的id

[html]  view plain copy print ?

1. <</SPAN>WebView  
2.         android:id="@+id/webview"  
3.         android:layout_width="fill_parent"  
4.         android:layout_height="wrap_content"  
5.         android:text="@string/hello" />  

（2）在onCreate()中使用loadUrl(...)加载html。

[java]  view plain copy print ?

1. public void onCreate(Bundle savedInstanceState) {  
2.         super.onCreate(savedInstanceState);  
3.         setContentView(R.layout.main);  
4.           
5.         WebView mWebView = (WebView)findViewById(R.id.webview);    
6. //      mWebView.getSettings().setJavaScriptEnabled(true);     
7. //      mWebView.setWebChromeClient(new WebChromeClient());     
8.         mWebView.loadUrl("file:///android_asset/www/NewFile.html");   
9. }  

(3)实现android与js交互

默认情况下WebView中的js是禁用的，通过将WebSettings附加到WebView中启动js，可以用getSettings()检索WebSettings,然后用setJavaScriptEnabled()启动js。
mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.setWebChromeClient(new WebChromeClient());

（4）在JS中调用Android的函数方法
把本类的一个实例添加到js的全局对象window中，这里是"injs"。

mWebView.addJavascriptInterface(new JavaScriptInterface(),"injs");

实现JavaScriptInterface()类，这里在该类中定义一个方法public void runOnAndroidJavaScript(final String str){...}

在js中调用java函数

windows.injs.runOnAndroidJavaScript(str);//调用android的函数