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)  
可以将html代码转换为Spanned。

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

显示效果:

TextView加载html图片有问题_第1张图片

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

要实现图片的显示需要使用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(00, 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);  
看起来有些复杂,但其实只是fromHtml()的第二个参数是一个匿名类,用以图片的获取。

其中

[java]  view plain copy print ?
  1. is = (InputStream) new URL(source).getContent();  
  2. Drawable d = Drawable.createFromStream(is, "src");  
用以通过图片的地址获取相应的Drawable实例。

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

[html]  view plain copy print ?
  1. <uses-permission android:name="android.permission.INTERNET" />  
修改后的运行结果:

TextView加载html图片有问题_第2张图片

图片正常显示了。

你可能感兴趣的:(TextView加载html图片有问题)