Android开发中对HTML内容的显示

米建++胡畅霞++刘颖

摘 要 随着Android科技的发展，手机客户端接受了更多的HTML内容。本文作者采用WebView直接显示法结合人机交互的原则，从用户体验的角度解析传入的HTML内容，显示出完整的图文内容。

关键词 Android；HTML标签；WebView

中图分类号TN91 文献标识码 A 文章编号 1674-6708（2015）145-0049-01

Android智能手机已经在我们现实生活中无处不在，成为我们生活中不可或缺的一部分，Android应用充斥和丰富着我们的生活。随着互联网的发展和手机网速的提升Android客户端获取网络的信息资源已是稀松平常，获取的信息中带有HTML内容是必不可少的，如果把HTML标记去掉很大程度上会破坏资源的完整性，即便获取了资源内的文字但文字的样式也会消失，资源内的链接和图片同样会消失。在这种形势下Android客户端对HTML内容的解析就是大势所趋。

1 方法介绍

Android对HTML内容解析主要有四种方法：1）Java正则表达式过滤法，Java正则表达式（Regular Expression）就是一个字符构成的串，这个方法可以搜索提取出任何你想要的字符串，只要找到一个符合要求的正则表达式就可以过滤去除HTML标签；2）jsoup 解析器解析法，jsoup 是一款 Java 的HTML 解析器，可直接解析某个URL地址、HTML文本内容等。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jquery的操作方法来取出和操作数据；3）TextView自带类解析法，Android提供了android.text.Html类和Html.ImageGetter、Html.TagHandler接口，格式化字符串为HTML样式处理后再在TextView中显示；4）WebView直接显示法，Android提供了方便非格式化方法不需要转码直接在WebView中显示。

2 实际解决方案

2.1 需求分析

本人在承担河北省大学生创新项目《“互联网+”下毕业设计评价系统》中遇到了在Android客户端显示HTML内容的问题。在通知公告二级页面中，主体显示通知公告的具体内容，通知公告的内容是从后台数据库中读取，数据库中通知内容字段存储的既有文字还有HTML标签，这两者组成了整体。在手机客户端正确合理显示HTML内容成为了本界面的一个关键。

2.2 解决方案

作者首先采用了Java正则表达式过滤法，用过滤HTML标签的正则表达式（“<（[^>]*）>”）过滤去除HTML标签，只得到了内容中的文字但HTML标签的功能由于被剔除而消失，段落格式、图片、链接等内容无法显示。jsoup选择器选择出img标签来单独显示图片，但是这种方法就破坏了文字和图片的整体性，降低了用户体验不利于人机交互。TextView自带类解析法可以使HTML内容中的文字和图片整体显示，并且解析后文字拥有原有的段落格式和颜色，解析后若文字过小或者图片过大，这很大程度上会影响用户体验，并且TextView是不支持缩放，这就需要一种更人性化的解析方式。

作者采用了WebView直接显示法，优势主要有两个，一是可以轻松更改需要展现的内容（包括样式），二是可以实现部分功能的跨平台。WebView加载HTML代码的方法主要有：1）WebView.loadUrl（String strhtml）方法；2）WebView.loadData（String data， String mimeType， String encoding）方法；3）loadDataWithBaseURL（）方法。

作者采用了第三种方法显示HTML内容：loadDataWithBaseURL （String baseUrl， String data， String mimeType， String encoding， String historyUrl），在baseUrl的赋值上，并非要传一个Url参数，因为它只是一个标志位，用来标志当前页面的Key值。historyUrl为value值，在加载时，它会把baseUrl和historyUrl传到List列表中，当作历史记录来使用，当前进和后退时，它会通过baseUrl来寻找historyUrl的路径，通过加载historyUrl路径来加载历史界面。使用这种方法不需要先将HTML内容进行转码，直接可以显示。实例代码：webView.loadDataWithBaseURL（ null， massage， “text/html”， “utf-8”， null），massage为作者从数据库中获得HTML内容字段，并非获取字段后直接传入到loadDataWithBaseURL（）方法中，需要对HTML标签进行路径补全处理。

HTML标签是由众多功能标签组成，img标签是重要的组成部分，img标签中的图片路径分为绝对路径和相对路径。在Android客户端解析HTML标签时，图片的链接路径必须是相对路径才能在WebView中显示出完整的图片，否则只有图片的边缘。但在网站中的图片很多都是绝对路径这就需要对img标签进行单独的处理将绝对路径转化为相对路径。操作主要分为两步：第一步判断HTML标签中是否含有img标签；第二步带有绝对路径的img标签利用字符串补全替代法，将路径补充完整。字符串的替换会影响html代码的显示速度，所以需要判断HTML标签中是否含有img标签，降低字符串替换对显示效率的影响。在判断是否含有img标签时，首先利用jsoup解析器解析出img标签再进行if判断。示例代码：String massage1 = massage.replaceAll（“（.*？）src=＼”（.*？）”，”$1src=＼”http：//cems.stdu.edu.cn”）。

在本次项目中作者添加了一些人性化的操作，例如双击屏幕实现自适应屏幕功能，添加此功能遵循了人机交互原则，增强了用户体验。功能的实现是Android提供了WebSetting工具类，工具类中专门设置WebView的一些特征、属性，只需要设置WebView的如下这些

属性。

1）WebView.getSettings（）.setSupportZoom（true）；// 设置可以支持缩放

2）WebView.getSettings（）.setBuiltInZoomControls（true）；// 设置出现缩放工具

需要注意的是WebView显示HTML内容的速度比较慢尤其是加载网页时，建议对图片进行延迟载入处理，并将耗时加载操作放到子线程中来提高显示效率。

3 结论

在Android手机客户端显示HTML内容有多种方式，每种方式都有各自的优缺点，在项目研发过程中，可根据需求来选择高效的解析方法。

参考文献

[1]明日科技.Android从入门到精通[M].清华大学出版社，2010.

[2]李刚.疯狂Android讲义[M].电子工业出版社，2013.

[3]迈耶.Android4高级编程[M].3版.2013.