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