当ScrollView嵌套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了。

发表新评论