使用Jsoup解析Html == TextView显示html图片的方法

来源：互联网发布：teambition 类似软件编辑：程序博客网时间：2024/05/16 14:46

想要做一个看新闻的应用，类似Cnbeta客户端的东西。大致思路如下：根据链接获取新闻列表页的html代码，然后解析，找到所有的新闻标题和新闻链接用listView显示，当点击ListView的Item再加载相应的新闻内容。

其中获取html代码，可以使用如下代码实现：

[java] view plain copy
 print?
public String getHtmlString(String urlString) {  
    try {  
        URL url = new URL(urlString);  
        URLConnection ucon = url.openConnection();  
        InputStream instr = ucon.getInputStream();  
        BufferedInputStream bis = new BufferedInputStream(instr);  
        ByteArrayBuffer baf = new ByteArrayBuffer(500);  
        int current = 0;  
        while ((current = bis.read()) != -1) {  
            baf.append((byte) current);  
        }  
        return EncodingUtils.getString(baf.toByteArray(), "gbk");  
    } catch (Exception e) {  
        return "";  
    }  
}  

传入一个网页链接，将返回此链接的html代码（String）。

然后就是解析此html代码了。经过google，发现了java的一个很好用的解析html的库，Jsoup：http://jsoup.org/

很容易使用，方法类似javascript和JQuery。只需先构建一个Jsoup的Document对象，然后就可以像使用js一个解析html了

[java] view plain copy
 print?
String htmlString = getHtmlString("http://www.cnbeta.com");  
Document document = Jsoup.parse(htmlString);  

比如要获取cnbeta的html的title，只需：

[java] view plain copy
 print?
String title = document.head().getElementsByTag("title").text();  

另外构建Document的时候也可以直接使用URL，像这样：

[java] view plain copy
 print?
Document doc = Jsoup.parse(new URL("http://www.cnbeta.com"), 5000);  

其中5000是连接网络的超时时间。

有关Jsoup的下载和更多介绍，见其官网：http://jsoup.org/

我写的一个demo，点击按钮后会加载然后显示cnbeta首页的所有新闻标题和链接地址，下载：http://download.csdn.net/detail/barryhappy/4151450 ，zip包里有jsoup的jar包，导入项目后可能需要手动导入此jar包。

运行效果图——

===================================================================================

TextView是不只可以String的，我们平常用的给setText()方法传递String参数的时候，其实是调用的public final void setText (CharSequence text)方法，String类是CharSequence的子类。

而CharSequence子类众多，其中有一个接口Spanned，即类似html的带标记的文本。我们可以用它来在TextView中显示html（自然，有很多html标记是不支持的，只支持一部分）。

Android.text.Html类的一个方法：

[java] view plain copy
 print?
public static Spanned fromHtml (String source)  

可以将html代码转换为Spanned。

[java] view plain copy
 print?
html = "<h1>this is h1</h1>"  
        + "<p>This text is normal</p>"  
        + "<img src='https://www.google.com.hk/intl/zh-CN/images/logo_cn.png' />";  
Spanned sp = Html.fromHtml(html);  
textView.setText(html);  

显示效果：

可以看出，字体效果基本是显示出来了，但是图片没有显示。

要实现图片的显示需要使用Html.fromHtml的另外一个重构方法：

public static Spanned fromHtml (String source, Html.ImageGetter imageGetter, Html.TagHandler tagHandler)

其中Html.ImageGetter是一个接口，我们要实现此接口，在它的getDrawable(String source)方法中返回图片的Drawable对象才可以。

修改后的代码：

[java] view plain copy
 print?
Spanned sp = Html.fromHtml(html, new Html.ImageGetter() {  
    @Override  
    public Drawable getDrawable(String source) {  
        InputStream is = null;  
        try {  
            is = (InputStream) new URL(source).getContent();  
            Drawable d = Drawable.createFromStream(is, "src");  
            d.setBounds(0, 0, d.getIntrinsicWidth(),  
                    d.getIntrinsicHeight());  
            is.close();  
            return d;  
        } catch (Exception e) {  
            return null;  
        }  
    }  
}, null);  
textView.setText(sp);  

看起来有些复杂，但其实只是fromHtml()的第二个参数是一个匿名类，用以图片的获取。

其中

[java] view plain copy
 print?
is = (InputStream) new URL(source).getContent();  
Drawable d = Drawable.createFromStream(is, "src");  

用以通过图片的地址获取相应的Drawable实例。

由于用到了网络资源的图片，所以要在Mainifest文件中加入权限：

[html] view plain copy
 print?
<uses-permission android:name="android.permission.INTERNET" />  

修改后的运行结果：

图片正常显示了。

我做的demo，下载地址：http://download.csdn.net/detail/barryhappy/4154342

0 0