Android ScrollView嵌套X5WebView大片空白问题
scrollview嵌套后webview的高度不可控。留有大片空白。
注:官方不建议scrollview嵌套webview 最好让webview自身滚动
解决方案:
act_news_detail_wv.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView webView, String s) {
super.onPageFinished(webView, s);
new Handler.postDelayed(new Runnable() {
@Override
public void run() {
webView.loadUrl("javascript:AndroidWebView.resize(document.body.getBoundingClientRect().height)");
}}, 800);
}
}
}
1. 在页面加载完成之后让页面重新刷新高度
有些视频封面图较短,视频较长,部分手机视频加载之后刷新页面,高度不同导致视频截断,不能根本解决问题,弃用该方法
2. 富文本加载可直接改变富文本将想加入的内容加入 减少层级 从而不使用scrollview
能解决问题,但实际APP开发中总是碰到需要嵌套的需求
3. 富文本最好带有标签 没有可以代码加入
private String getHtmlData(String bodyHTML) {
String head = "<head>"
+ "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> "
+ "<style>img{max-width: 100%; width:auto; height:auto;}" + "video{max-width: 100%; width:auto; height:auto;}</style>"
+ "</head>";
return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
}
能解决问题,html代码中img和video标签不要另外设置width和height属性,不然还是会出现空白
4. 网页加载可选择原生的webview。
原文地址:https://blog.csdn.net/leverage2009/article/details/145110948
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!