怎么在webView中加载html图片
短信预约 -IT技能 免费直播动态提醒
这篇文章给大家介绍怎么在webView中加载html图片,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
当解析接口 突然出现一个xml形式的html格式的字符串的时候不用慌张,正常去交给webview的loaddata方法来解决即可,但是今天说的是一组图片字符串
<img class="lazy" data-src="//yanxuan.nosdn.127.net/75c55a13fde5eb2bc2dd6813b4c565cc.jpg"> <img class="lazy" data-src="//yanxuan.nosdn.127.net/e27e1de2b271a28a21c10213b9df7e95.jpg"> <img class="lazy" data-src="//yanxuan.nosdn.127.net/9d413d1d28f753cb19096b533d53418d.jpg"> <img class="lazy" data-src="//yanxuan.nosdn.127.net/64b0f2f350969e9818a3b6c43c217325.jpg"> <img class="lazy" data-src="//yanxuan.nosdn.127.net/a668e6ae7f1fa45565c1eac221787570.jpg"> <img class="lazy" data-src="//yanxuan.nosdn.127.net/0d4004e19728f2707f08f4be79bbc774.jpg"> <img class="lazy" data-src="//yanxuan.127.net/79ee021bbe97de7ecda691de6787241f.jpg">
因为给出的网址不包含http:// 所以怎么解都解不出来的 我们只需要拼接一下这个数据 然后在利用jsoup来适配一下屏幕即可
implementation 'org.jsoup:jsoup:1.10.2'
解析方法
public static String formatHtml(String str){// String httpStr="";// String divStr="<div>$content</div>";// String ulStr="<ul style=\"line-style:none\">$ul</ul>"; String[] split = str.split(">"); StringBuffer sb = new StringBuffer(); for (int i = 0; i < split.length; i++) { String replace = split[i].replace("<img class="lazy" data-src=\"", "<img class="lazy" data-src=\"http:"); sb.append(replace+">");// sb.append("<li>"+ replace +">"+"</li>"); }// ulStr=ulStr.replace("$ul", sb.toString());// divStr=divStr.replace("$content", ulStr); return sb.toString(); }
当时是想着吧该html片段还原一个标准的div嵌套无序列表的形式 结果发现不用这么麻烦依然好用 下面是代码
// content就是哪个html数据 String content = t1.getData().getContent(); //进行拼接http: String s = formatHtml(content);//jsoup适配屏幕大小 Document doc = Jsoup.parse(s); Elements elem_img = doc.getElementsByTag("img");// 图片自适应屏幕 if (elem_img.size() != 0) { for (Element el_img : elem_img) { el_img.attr("style", "width:100%"); } }//适配之后转换回字符串 String s1 = doc.toString();//以下这些设置不用设置 设置效果也不如jsoup适配后的效果// WebSettings settings = webView.getSettings();// settings.setJavaScriptEnabled(true);// settings.setUseWideViewPort(true);//关键点// settings.setLoadWithOverviewMode(true); //在webview内部打开浏览器 webView.setWebViewClient(new WebViewClient());// settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);// settings.setDefaultTextEncodingName("utf-8") ;//以下俩种方式效果一样 用哪个都行 webView.loadData(s1, "text/html","utf-8");// webView.loadDataWithBaseURL(null,s1, "text/html", "utf-8", null); Log.i("tag", "subjectPage 1Result: "+s);
关于怎么在webView中加载html图片就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341