前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >安卓Native和H5页面进行交互

安卓Native和H5页面进行交互

作者头像
用户3030674
发布2018-09-14 15:03:49
2.1K0
发布2018-09-14 15:03:49
举报

安卓Native和H5页面进行交互

1、H5页面调用安卓Native界面 1)通过给webView添加JsInterface,安卓提供接口,让H5来进行调用         a)安卓写一个类,里面的方法需要用通过注解来表明是java接口的方法。

      eg:

代码语言:javascript
复制
private  class WebInterface {
        @JavascriptInterface
        public void callFromJSBasicDataType(int x, float y, char c, boolean result) {
            String str = "-" + (x + 1) + "-" + (y + 1) + "-" + c + "-" + result;
            Log.e("tttt", "tttttt"+str);
        }
        @JavascriptInterface
        public void callAndroidMethod() {
            Log.e("tttt", "tttttt2");
        }
    }

     b)设置webView可以支持js       eg:           webView.getSettings().setJavaScriptEnabled(true);          c)给webView添加js接口类,并取别名           webView.addJavascriptInterface(new WebInterface(), "robot");     至此,安卓的配置完成了。       下面配置HTML页面       在代码中添加下面的代码,如果加载了页面了,就会调用起别名叫robot这个接口类里面的js接口方法     <p>         <button onclick="robot.callFromJSBasicDataType(1,2,'a',true);">点击我调用android 方法</button>     </p>

2)通过设置webview的setWebViewClient。安卓通过url跳转时的改变,来进行不同的操作 当webview加载的页面出现变化的时候,可以进行不同的操作,例如访问站外的网址,或者黑名单的网址进行提示     eg:

代码语言:javascript
复制
wb.setWebViewClient(new Custom());
    
    private class Custom extends WebViewClient{
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub
            Log.e("tttt", url);
            if (url.contains("bai")) {
                Dialog d=new Dialog(MainActivity.this);
                d.setTitle("ttttt");
                d.show();
                return true;
            }
            return false;
        }
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // TODO Auto-generated method stub
            super.onPageStarted(view, url, favicon);
        }
        @Override
        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);
        }
    }

2、安卓Native界面调用H5方法 主要就是通过webview的LoadUrl方法 eg: webView.loadUrl("javascript:noParamFunction();"); 注:需要页面加载完成之后调用才有效。因为js脚本需要完全加载到页面中才可以调用到,否则没有任何效果

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-03-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档