android-HTML5开发android

Android中构建HTML5应用

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

在WebView中加载Web页面:

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

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

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

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

<WebView
    	android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />

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

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

(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的函数