浅谈Android与H5的混合式开发

我是做Android开发的，最近公司要做Html与Android的混合式开发，最重要的不是做混合式开发，而是让我一个人，既要写H的页面又要写Android，没办法，就是干。先看看视频效果吧

组到了一个让我头疼的问题，在Html中启动Activity的页面，虽然查了好多，但是也踩不少的坑。 首先说说Html启动Android的Activity,直接上代码 在Html这边也没有多少，有很多种方法，但是我就说说我用到的这种，用a标签的href来打开 在标签中写发main着是关键 <a href="main://?id=10000"> 启动Activity</a> ![

至于页面的布局，大家自己可以去写，这只是一个功能，下边给大家说说重点，就是Android中的代码，首先必须是要建一个工程的，而且混合式开发大家都知道Html代码是要放在Android 的工程当中去的。 怎么建Android的工程就不说了，建好工程之后，将你的Html的代码要放在assets的包下，建assets的包要和Java包在同级的目录下 建好之后就将Html的代码copy进去，接着，想要从Html启动Android的Activity是不是首先要加载Html的代码，很easy，大家都知道有WebVie去加载。 webView = (WebView)findViewById(R.id.webview); // 设置支持js webView.getSettings().setJavaScriptEnabled(true); //不调用浏览器 webView.setWebViewClient(new WebViewClient()); //支持alert webView.setWebChromeClient(new WebChromeClient()); //添加js调用接口类，通过Android这个字段 调用这个类的方法 //加载网页 webView.loadUrl("file:///android_asset/index.html"); 写完这些，大家就直接可以运行Html了，但是你想要在Html中启动一个activity,那就接着看吧， 那么就需要在建立一个目标Activity，然后用重点来了再见好的Activity的AndroidManifest.xml注册表里必须写上这几句， _<activity android:name=".NextActivity"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:scheme="main" /> </intent-filter></activity> _ 记得加上这几句。完了之后呢，是不是觉得- 1. ``` 这里是列表文本

其实这样还是不对的，要在启动之前重写WebViewClient中的shouldOverrideUrlLoading方法来看一下就这样
WebViewClient webViewClient = new WebViewClient() {
[@Override](https://my.oschina.net/u/1162528) public boolean shouldOverrideUrlLoading(WebView wv,String url) {
if(url== null)
return false;
try {if(url.startsWith("main://") ) {
Intent intent = new Intent(Intent.ACTION_VIEW,Uri.parse(url));
startActivity(intent);return true;
}
}catch (Exception e) {
//防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)
                return false; }
wv.loadUrl(url);return true; }
};
private void initData() {
webView = (WebView)findViewById(R.id.webview);
//        设置支持js
        webView.getSettings().setJavaScriptEnabled(true);
//不调用浏览器
        webView.setWebViewClient(webViewClient);
//支持alert
        webView.setWebChromeClient(new WebChromeClient());
//添加js调用接口类，通过Android这个字段 调用这个类的方法
        //加载网页
        webView.loadUrl("file:///android_asset/index.html");
}
到这，就可以说完事具备，直接运行就ok了
启动，说到以上就已经可以了，但是呢，刚才还有个没处理呢，那又是什么呢，那就是传值用的
来顺便传个值看看。要传过来是不是还要接收一下呢
txt_title = (TextView)findViewById(R.id.tv_title);
txt_show = (TextView)findViewById(R.id.tvshow);
Intent intent = getIntent();
String action = intent.getAction();
if (Intent.ACTION_VIEW.equals(action)) {
Uri uri = intent.getData();
if (uri != null) {
String id = uri.getQueryParameter("id");
String title = uri.getQueryParameter("title");
String dataString = uri.getQueryParameter("data");
txt_title.setText(title);
txt_show.setText(id+"111111111"+dataString);
}
}
这是用来接受值的，那么在Html页面中改一下<a href="main://?id=10000&title=Html与Android的交互&data=这是要传过来的值">启动Activity</a>
好了，简单的就分享到这里，有需要源码的friend,To contact me Wechat（13993365940）

转载于:https://my.oschina.net/u/3703426/blog/1814967