您的位置:首页 > 移动开发

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

2015-01-09 16:05 507 查看
现在在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的方式修改
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  webview
相关文章推荐