Android下WebView的图片适配加载与文字自动换行处理

相信各位在Android开发中使用WebView加载页面的时候,或多或少会遇到一些网页适配的问题,例如图片过大或者是单行文字过长, 导致网页可以左右拖动,使自己加载出来的网页显得非常的low,下面介绍一种简单的方法,解决简单网页的适配问题.

步骤1.此方法使用前提

①使用此方法之前,传入WebView的html字符串不能拥有<html>标签和<header>标签,如果有则根据实际情况进行处理后再使用本方法.

②准备好字符串body,格式为<body>...</body>

步骤2.css字符串编写

     String css = "<style type=\"text/css\"> img {" +"width:100%;" +//限定图片宽度填充屏幕"height:auto;" +//限定图片高度自动"}" +"body {" +"margin-right:15px;" +//限定网页中的文字右边距为15px(可根据实际需要进行行管屏幕适配操作)"margin-left:15px;" +//限定网页中的文字左边距为15px(可根据实际需要进行行管屏幕适配操作)"margin-top:15px;" +//限定网页中的文字上边距为15px(可根据实际需要进行行管屏幕适配操作)"font-size:40px;" +//限定网页中文字的大小为40px,请务必根据各种屏幕分辨率进行适配更改"word-wrap:break-word;"+//允许自动换行(汉字网页应该不需要这一属性,这个用来强制英文单词换行,类似于word/wps中的西文换行)"}" +"</style>";

☆请注意,此处设置的css代码,会遵循css优先级规则,也就是说,在某些网页中个别属性不会起作用。对于这种情况,请仔细阅读网页代码,参照性地进行css代码编写,如对css不了解......去学学吧,不是很难,只是学一点儿css的话比Android的布局文件编写学起来快。

步骤3.拼接html串,并传递给webview进行展示

        html = "<html><header>" + css + "</header>" + html + "</html>";mTotalWebviewWebview.loadDataWithBaseURL(null, html, "text/html", "utf-8", null);

步骤4.最后调整
为webview设置自适应屏幕

    WebSettings webSettings = webview.getSettings();   webSettings.setUseWideViewPort(true);webSettings.setLoadWithOverviewMode(true);settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);

相信可以解决你的问题
特别感谢:http://blog.csdn.net/SoulOfAndroid/article/details/47701805

Android下WebView的图片适配加载与文字自动换行处理相关推荐

Android 下拉刷新上拉加载多种应用场景超级大放送（上）
转载请标明原文地址:http://blog.csdn.net/yalinfendou/article/details/47707017 关于Android下拉刷新上拉加载,网上的Demo太多太多了,这 ...
Android下拉刷新和上拉加载更多
Android下拉刷新和上拉加载更多下拉刷新通过android系统提供的组件:SwipeRefreshLayout 一.基本使用 1 xml中添加 SwipeRefreshLayout 组件该 ...
Android下拉刷新上拉加载控件，对所有View通用！
前面写过一篇关于下拉刷新控件的博客下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅 ...
android 列表上拉加载更多,Android 下拉刷新,上拉加载更多控件–支持ListView,GridView和ScrollView...
麦洛遇到这样一个需求,实现类似于IOS下拉刷新,上拉加载更多的控件.麦洛google,baidu了一番,网上有不少实现,比较常见的是国外牛人的实现,不过国外的实现基本上都是扩展于ListView,所以 ...
Android 下拉刷新上拉加载可以左右滑动
下面是下拉刷新上拉加载可以左右滑动的实例,下面是效果图: GitHub 下载地址:https://github.com/wuqingsen/MySlidingNested CSDN 下载地址:http ...
Android 数据库中读取图片名称加载相应的资源
android的开发中会遇到这么一种需求,就是把图片存储到本地,每次加载的时候通过保存的图片的名称加载图片,或者利用请求到的/存储数据库存储的名称去加载图片 . 开始我把数据放在了assets中,开始 ...
android下拉刷新和上拉加载的一个简单库
介绍一个android下拉刷新.上拉加载的库: https://github.com/chrisbanes/Android-PullToRefresh 使用方式,创建好一个Android项目,导入li ...
图片太多加载过慢？学学图片懒加载吧
实验介绍我们在浏览图片较多的网页时,有没有想过这些图片是如何成功展示的呢?比如像这样的图片素材网站: 这样的网页拥有成千上万的图片资源,如何优化网页性能成为了开发人员不得不思考的技术问题. 不难发现 ...
android webview 图片异步加载,Webview 图片异步加载及bug解决
在项目中新闻显示需要使用图片的异步加载,并且在加载图片前和加载图片失败时显示默认图片. 关于webview中图片的异步加载的思路如下: 方案一:由前端同学全权负责(使用js实现异步加载) 方案二:an ...

Android下WebView的图片适配加载与文字自动换行处理

Android下WebView的图片适配加载与文字自动换行处理相关推荐

最新文章

热门文章