自学内容网 自学内容网

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)!