混合app开发

最近做项目，遇到H5和Android交互的模块，具体就是H5主要提供页面，android用webView显示出来，部分topBar和bottomBar用原生android写。

做了一个实验，页面用H5写，android负责解析和显示并进行一定的登录逻辑判断。

特别注意的是android需要用WebView这个类实例化一个对象，通过设置允许和javaScript交互并添加javaScript实例才可以进行混合开发。

webView = (WebView) findViewById(R.id.webview);
    WebSettings ws = webView.getSettings(); // 获取WebView配置
    ws.setJavaScriptEnabled(true); // 启用JavaScript

webView.addJavascriptInterface(new JavaScriptInterface(), "android");
        webView.loadUrl("file:///sdcard/Local/webHome/h5test.html"); // 加载本地的H5页面
        webView.loadUrl("javascript:btnClick()");
        webView.loadUrl("javascript:btnOpenXinlangPage()");
        webView.loadUrl("javascript:btnC()");
        webView.loadUrl("javascript:btnNextPage()");

并且定义一个JavaScriptInterface用于处理从H5返回的数据，每个接口之前都要加@JavaScriptInterface,不然android无法响应H5的页面元素。

public class JavaScriptInterface {
        @JavascriptInterface
        public void toActivity(String usernameFromH5, String passwordFromH5) {
            // 此处应该定义常量对应，同时提供给web页面编写者
            DialogTest(usernameFromH5, passwordFromH5);
        }

        @JavascriptInterface
        public void toAndroidToastC(String strFromH5) {
            ToastC(strFromH5);
        }

        @JavascriptInterface
        public void toBActivity() {
            Intent intent = new Intent();
            intent.setClass(MainActivity.this, BActivity.class);// forward为当前activity，forwardTarget为新的activity
            startActivity(intent);
            System.out.println("解析H5页面参数失败...");

        }

    }

这里是工程代码

http://download.csdn.net/detail/u014102727/9604085