TextView显示html图片的方法

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 ?

1. public static Spanned fromHtml (String source) 

public static Spanned fromHtml (String source) 可以将html代码转换为Spanned。

[java] view plain copy print ?

1. html = "<h1>this is h1</h1>" 
2.         + "<p>This text is normal</p>" 
3.         + "<img src='http://img5.pcpop.com/ArticleImages/0x0/1/1268/001268469.jpg' />"; 
4. Spanned sp = Html.fromHtml(html); 
5. textView.setText(html); 

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 ?

1. Spanned sp = Html.fromHtml(html, new Html.ImageGetter() { 
2.     @Override 
3.     public Drawable getDrawable(String source) { 
4.         InputStream is = null; 
5.         try { 
6.             is = (InputStream) new URL(source).getContent(); 
7.             Drawable d = Drawable.createFromStream(is, "src"); 
8.             d.setBounds(0, 0, d.getIntrinsicWidth(), 
9.                     d.getIntrinsicHeight()); 
10.             is.close(); 
11.             return d; 
12.         } catch (Exception e) { 
13.             return null; 
14.         } 
15.     } 
16. }, null); 
17. textView.setText(sp); 

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 ?

1. is = (InputStream) new URL(source).getContent(); 
2. Drawable d = Drawable.createFromStream(is, "src"); 

is = (InputStream) new URL(source).getContent(); Drawable d = Drawable.createFromStream(is, "src");用以通过图片的地址获取相应的Drawable实例。

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

[html] view plain copy print ?

1. <uses-permissionandroid:name="android.permission.INTERNET"/> 

<uses-permission android:name="android.permission.INTERNET" />修改后的运行结果：

图片正常显示了。

源码下载地址：http://download.csdn.net/download/rong_wz/5813017

原文：http://www.worlduc.com/blog2012.aspx?bid=4771747