android 图片可以滚动条,Android webview解决图片过大出现水平滚动条的问题

最新推荐文章于 2021-11-29 11:23:28 发布

转载最新推荐文章于 2021-11-29 11:23:28 发布 · 258 阅读

文章标签：

针对Android 4.4之后webview不支持LayoutAlgorithm.SINGLE_COLUMN的问题，本文介绍了如何利用Jsoup库修改HTML内容，将图片宽度设置为100%以实现图片自适应宽度。通过提供一个静态方法changeImgWidth，该方法遍历并修改HTML中的所有img标签，设置样式为width:100%，然后使用webView.loadDataWithBaseURL加载处理后的HTML，确保图片在webview中正确显示。这种方法适用于处理任何HTML元素样式问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现在在hybrid app中经常需要用webview加载html内容，有时候我们希望图片不要那么大，于是便需要图片自适应宽度，在Android 4.4之前可以很简单的用

webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);就能解决这个问题，但在4.4webview内核改写后，这种single_column的算法不再被支持，所以我们得另寻解决方法，最彻底的方法就是对html内容修改，这个我们可以用jsoup来方便的操作html内容。

Jsoup：http://jsoup.org/，这里能找到jsoup的库，导入项目后就可以用jsoup了。我们写一个将img便签宽度改为100%适应的方法：

/**

* @param htmlContent 原来的html

* @return 改变img标签宽度以后的html

public static String changeImgWidth(String htmlContent){

Document doc_Dis = Jsoup.parse(htmlContent);

Elements ele_Img = doc_Dis.getElementsByTag("img");

if (ele_Img.size() != 0){

for (Element e_Img : ele_Img) {

e_Img.attr("style", "width:100%");

}

String newHtmlContent=doc_Dis.toString();

return newHtmlContent;

}然后我们可以放心加载我们的内容了：

String htmlContent= changeImgWidth(originHtml);

webView.loadDataWithBaseURL(null,htmlContent,"text/html","utf-8",null);这种方法其实是通用的方法，以后有任何html元素效果问题，都可以用jsoup的方式修改