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

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

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

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

/**

* &＃64;param htmlContent 原来的html

* &＃64;return 改变img标签宽度以后的html

*/

public static String changeImgWidth(String htmlContent){

Document doc_Dis &＃61; Jsoup.parse(htmlContent);

Elements ele_Img &＃61; doc_Dis.getElementsByTag("img");

if (ele_Img.size() !&＃61; 0){

for (Element e_Img : ele_Img) {

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

}

}

String newHtmlContent&＃61;doc_Dis.toString();

return newHtmlContent;

}然后我们可以放心加载我们的内容了&＃xff1a;

String htmlContent&＃61; changeImgWidth(originHtml);

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