ScrollView与WebView结合使用时,设置webview字体大小的时候出现下方留白的终极解决方案

置顶曲终人散J

于 2015-02-05 11:43:22 发布

阅读量3.3k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： android开发文章标签： android开发优化 webview

本文链接：https://blog.csdn.net/jys1115/article/details/43525979

android开发专栏收录该内容

69 篇文章

订阅专栏

本文介绍了如何解决ScrollView嵌套WebView时，在调整WebView的文字大小后出现底部空白的问题。通过实现一个重置WebView高度的方法，并在WebView加载页面后注入JavaScript来动态获取html内容的高度，从而避免了空白的出现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当ScrollView嵌套WebView的时候，如果需要调用WebView的setTextSise的时候,会出现底部一大片空白,试了很多方法都不管用，无意中找到了一个解决方案，居然可以了,我也是醉了,当初居然没有想到这么做.好了，下面看代码吧。

首先写一个重置WebView高度的方法

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

然后在你的webview中注入JS,动态获取这个html内容的高度。

private void setupWebView() {
    webView.getSettings().setJavaScriptEnabled(true);
    webView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url) {
            webView.loadUrl("javascript:MyApp.resize(document.body.getBoundingClientRect().height)");
            super.onPageFinished(view, url);
        }
    });
    webView.addJavascriptInterface(this, "MyApp");
}

当每一次调用setTextSize的时候只需要

 webView.loadUrl("javascript:MyApp.resize(document.body.getBoundingClientRect().height)");

重新调用这句话就OK了。