Android Android html交互

原创

mob64ca12e33720 2024-07-07 03:58:12 ©著作权

文章标签 html Android java 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e33720的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现Android和html交互

整体流程

首先，让我们来看一下实现Android和html交互的整个流程：

erDiagram
    HTML -- Android: 实现交互

具体步骤

接下来，让我们来看一下每个步骤需要做什么以及所需要使用的代码：

步骤	操作	代码
1	在 Android 项目中创建一个 WebView	`WebView webView = findViewById(R.id.webview);`
2	启用 JavaScript	`webView.getSettings().setJavaScriptEnabled(true);`
3	创建一个 WebViewClient

webView.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    });

| 4 | 在html中添加JavaScript代码，用于与Android交互 |

<script>
    function callAndroid() {
        AndroidFunction.showToast("Hello from HTML!");
    }
</script>

| 5 | 在Android代码中添加与html交互的接口 |

public class AndroidFunction {
    Context mContext;

    AndroidFunction(Context context) {
        mContext = context;
    }

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

| 6 | 将 AndroidFunction 注入到 WebView 中 | webView.addJavascriptInterface(new AndroidFunction(this), "AndroidFunction"); |