今天说说ScrollView嵌套WebView卡顿的问题,这个问题困扰了我一下午!百度了很多,都没有解决问题!也在群里面问过,同学们积极帮助,但是问题依旧!最后在去掉了所有的方法后居然好了,特别记录一下!
一般来说我们是不建议ScrollView里面嵌套WebView的,这样会造成很多问题,但是有的时候需求就是这样,在最上面有一部分原生的View,而下面的内容又必须是网页图片等内容。
当我做这样的商品详情页面时候,也遇到这样的问题,就是下面用WebView显示的内容大概率是加载不出来图片,而且进度条一直很短,且不停抖动!滑动的话,一直感觉滑动不到底部,实际上下面更本没有内容了,只是一大段的空白!查看日志,出现了主线程运行过多耗时操作的的提示,cup使用率也超过30%以上,使得此页面非常卡顿。
解决办法一 自定义一个MyScrollView无效
解决办法二调用WebView触摸事件无效
解决办法三重新测量WebView高度bbs4楼的方法无效
解决办法四在ScrollView子节点加入android:descendantFocusability="blocksDescendants"属性无效
解决办法五采用JS注入的方式设置成 WebView 高度无效
还有许多的方法,我记不得了,只是百度了很多,都无法解决我遇到的问题!然后我又到群里面去问,有的同学说是WebSetting设置问题!
解决办法六 设置缓存大小 》无效
webSettings.setAppCacheMaxSize(1024 * 1024 * 5);
webSettings.setAppCacheEnabled(true)
- 解决办法七 加载完成后不再下载图片》无效
webSettings.setBlockNetworkImage(true);
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
if (webview != null) {
webview.getSettings().setBlockNetworkImage(false);
}
}
解决办法八 用android.support.v4.widget.NestedScrollView代替ScrollView》无效
我就这样改了一大堆,都已经绝望了,代码已经被我改的很乱,于是我打算清理代码,从新找寻事件的真相!首先把页面中的注释的代码和改动的代码去掉,然后在xml中把把NestedScrollView改为ScrollView,并去掉多余的属性,最后我再看了看这个WebView,我看到它就是气,怪Google为什么做了个这么垃圾的网页加载控件,比ios的简直弱爆了!我就这样直直的盯着它!
<WebView
android:id="@+id/web_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
对,就是它,就是上面这个东西惹的货,为什么你就不能和ScrollView好好相处呢!突然我看到 **android:layout_height="match_parent" **这个属性,再想想加载的时候,滚动条一直滚都滚不完,于是我抱着试试的态度,改成了
<WebView
android:id="@+id/web_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
其实就是把 android:layout_height="match_parent" 改成了 **android:layout_height="wrap_content" **
再来最后一把吧,马上也快6点了~
运行后神奇事情发生了,每次进去下面的图片居然一下就加载出来了,进度条也正常了,页面也不卡了!我怀疑是不是因为现在要下班了,网速变好了的原因!因为测试的时候发现,第一次进去商品详情页有问题,当第二次进去的时候图片已经缓存了,所以进度条就会正常,界面也不会卡!
我试了又试,不断的打开新的商品,发现都加载很快!我简直觉得不可思议,那么多方法都不行,居然把match_parent改为wrap_content就可以了!所以必须把这个神奇的坑记录下来,以免再次被坑,遇到ScrollView里面嵌套高度不确定的控件,例如ListView,WebView,RecyclerView时,我们不妨试试把该控件的高度改为wrap_content试试!