码迷,mamicode.com
首页 > 移动开发 > 详细

安卓和html的互相调用

时间:2018-01-14 22:52:38      阅读:371      评论:0      收藏:0      [点我收藏+]

标签:ace   led   gets   head   rap   load   ble   调用   fun   

1.写html和安卓布局

 <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </WebView>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input id="input">
<button id="button" onclick="sayHello()">按钮</button>

    <script>
        function sayHello(){
            var name =document.getElementById("input").value;
            app.sayHello(name)
        }

        function showName(name){
           document.getElementById("input").value=name;


        }
    </script>
</body>
</html>

  2.编写activity

    private WebView webView;
    private WebAppInterface webAppInterface;

  

 class WebAppInterface{
        private Context mContext;
        public WebAppInterface(Context context){
            this.mContext=context;
        }

        @JavascriptInterface
        public void sayHello(String name){
            Toast.makeText(mContext,name,Toast.LENGTH_SHORT).show();
        }

        public void showName(final String name){
            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    webView.loadUrl("javascript:showName(‘"+name+"‘)");
                }
            });
        }

    }
    webView=findViewById(R.id.webview);
        String url ="http://a.st";
        webView.loadUrl(url);

        webView.getSettings().setJavaScriptEnabled(true);
        webAppInterface=new WebAppInterface(this);
        webView.addJavascriptInterface(webAppInterface,"app");

        Button button =findViewById(R.id.btn);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                webAppInterface.showName("wirhiutrhi");
            }
        });

要看下webview控件的setting配置,来更好的设置

可以实现互相调用,可以做hybird拉

安卓和html的互相调用

标签:ace   led   gets   head   rap   load   ble   调用   fun   

原文地址:https://www.cnblogs.com/norm/p/8284377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!