ScrollView中嵌套WebView底部留白问题解决

ScrollView中嵌套WebView出现底部滑动留有大面积空白问题网络上有各种解决方案。

本博文基本上能终结该问题的出现，下面是网络上解决步骤：

1：第一种解决方案也是最多人提到的，在加载完成后重新测量WebView的宽高，重新赋值代码如下：

webView.setWebViewClient(new WebViewClient(){
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                int w = View.MeasureSpec.makeMeasureSpec(0,
                        View.MeasureSpec.UNSPECIFIED);
                int h = View.MeasureSpec.makeMeasureSpec(0,
                        View.MeasureSpec.UNSPECIFIED);
                // 重新测量
                webView.measure(w, h);
            }
        });
该问题基本上解决不了，因为WebView的加载方法onPageFinished只能代表加载了，并不能实时监听网页中的图片显示问题，因为图片高度宽度等加载完成情况，故不行。

2：也是网络上很多人推荐的，就是使用腾讯X5内核TBS来代替Android原生WebView实现，一般情况下确实能够解决一些适配问题，原生AndroidWebView阉割掉很多功能，所以使用替代也可以，但是当界面中是下面这种情况的时候还是会出现问题：

 该界面比较复杂，上下为原生View,中间为WebView,外层有套用了一层ScrollView或者NestedScrollView等来进行滑动，排除滑动冲突不说，适配问题就能有一堆，故排除该解决方案。

3：充布局方面入手的，比如ScrollView加个属性 android:fillViewport=”true“，或者WebView先写死一个高度layout_height= “100dp“，然后加载完成后重新测量，这种方法和第一种差不多，都是治标不治本问题。

4：这种方式比较可靠，就是在HTML中引入的js中测量整个body高度，然后通过@JavascriptInterface方式传递过来，然后重新绘制WebView的高度，如下：

@JavascriptInterface
public void setWebHeight(String msg) {
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            Log.e(TAG, "appalert div==>" + msg);
            int height = webView.getContentHeight();
            Log.e(TAG, "appalert height==>" + height);
            //ToastUtil.Infotoast(NewNewsContentActivity.this, msg);
            //重新测量该ScrollView,修复底部留有大面积空白问题
            LinearLayout.LayoutParams layoutParams =(LinearLayout.LayoutParams)webView.getLayoutParams();
            layoutParams.height =Integer.parseInt(msg);
            webView.setLayoutParams(layoutParams);
        }
    });

}

该方式一般可以，一定不会出现底部留白问题，但是可能导致显示不全，因为网络不好的情况下回触发该问题。

5：在思考了很多方式后，最后重新整理了下View树的加载逻辑，发现一个终极解决方案，现在布局中写好ScrollView对WebView的嵌套，然后WebView的可视化变成gone如下：

android:visibility="gone"

然后业务层处理好一堆网络请求逻辑后，重新添加进ScrollView中，代码如下：

webView.loadUrl(URL);
webView.addJavascriptInterface(new News(), "news");
webView.setVisibility(View.VISIBLE);

根据ViewGroup的加载逻辑与ScrollView的滑动逻辑，就能从根本上解决掉这个问题。

代码007普通

打赏 收藏 海报 链接