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

当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了。