有关scollview嵌套webview底部空白，高度无法自适应的问题解决方法

最新推荐文章于 2023-10-24 19:14:35 发布

逗比的人生

最新推荐文章于 2023-10-24 19:14:35 发布

阅读量2.1k

点赞数

分类专栏：安卓开发

本文链接：https://blog.csdn.net/u012402940/article/details/54288918

版权

安卓开发专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文介绍了一种使用JavaScript接口调整WebView高度的方法，以解决在ScrollView中因内容高度不同导致的空白显示问题。通过设置JavaScript启用状态，并在页面加载完成后动态调整WebView的高度，确保了良好的用户体验。

摘要由CSDN通过智能技术生成

当项目中用到webView与listview组合并且放到一个scrollview中的时候，当所有滑动冲突解决之后，你会发现另外一个棘手的问题，那就是当页面跳转的时候，两个页面内容高度不一致，内容较少的页面底部将会产生空白，这个空白高度如果大于一个页面的时候，将会让用户误以为页面没有打开，那么这里有个方法我觉得还是比较完美的：

js注入的方式：在当前的activity中加入以下代码

1.

s.setJavaScriptEnabled(true);

webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageFinished(WebView view, String url) {
                webView.loadUrl("javascript:window.handler.resize(document.body.getBoundingClientRect().height)");
                super.onPageFinished(view, url);
                doPageChangeFinish(view, url);
            }
        });
        webView.addJavascriptInterface(new JavascriptHandler(), "handler");

class JavascriptHandler {
        @JavascriptInterface
        public void resize(final float height) {
            RecomendDetailActivity.this.runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    webView.setLayoutParams(new LinearLayout.LayoutParams(getResources().getDisplayMetrics().widthPixels, (int) (height * getResources().getDisplayMetrics().density)));
                }
            });
        }
    }

哈哈，搞定