天天看点

WebView图文混排,图片适配4.4之后版本Android图文混排解决自适应问题步骤

Android图文混排解决自适应问题

  • 在商城类app开发中常常会遇到商品详情的展示,为了呈现更丰富的内容,图文混排必不可少,然而谁能保证图片宽度和手机屏幕宽度刚刚好呢?这个问题在4.4之前通过一个属性即可解决,在4.4之后就不行了,那怎么办?甩锅肯定是不行的?想办法吧。

步骤

  • 下载jsoup的jar包;
  • AS用户添加到libs中进行依赖;
  • detail就是解析到服务器返回的图文混排html标签内容:
Document parse = Jsoup.parse(detail);
Elements imgs = parse.getElementsByTag("img");
if (!imgs.isEmpty()) {
    for (Element e : imgs) {
        imgs.attr("width", "100%");
        imgs.attr("height", "auto");
    }
}
String content = parse.toString();
wv.loadDataWithBaseURL(null, content, "text/html", "utf-8", null);