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的滑动逻辑,就能从根本上解决掉这个问题。



