TextView显示html图片的方法

转载 2012年03月21日 15:26:48
extView是不只可以String的,我们平常用的给setText()方法传递String参数的时候,其实是调用的public final void setText (CharSequence text)方法,String类是CharSequence的子类。

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


android.text.Html类的一个方法:

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

  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);  

显示效果:

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

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

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

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

修改后的代码:

  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()的第二个参数是一个匿名类,用以图片的获取。

其中

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

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

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


图片正常显示了。


【菜鸟学安卓】- TextView 显示Html 一 解决图片显示不了的小问题

今天学习 TextView 显示 html  但一直有一个问题就是图片显示不了 代码如下: ImageGetter imgGetter = new Html.ImageGetter() { pu...
  • wduj123
  • wduj123
  • 2016年04月29日 15:36
  • 643

TextView 显示 带图片的html str

public class HtmlTextView extends TextView { private static final String TAG = "HtmlTextView"; ...
  • moyinghui
  • moyinghui
  • 2017年02月24日 14:09
  • 428

TextView显示带图片html的几种处理方式

Textview可以显示基本的HTML标签,如果不知道那些标签,可以查看Android中Textview显示带html文本一-------【HTML标签】! 下面着重说一下Textview显示“im...
  • adamxl
  • adamxl
  • 2013年01月22日 17:35
  • 10361

TextView加载html图片有问题

textView是不只可以String的,我们平常用的给setText()方法传递String参数的时候,其实是调用的public final void setText (CharSequence t...
  • f917386389
  • f917386389
  • 2016年04月18日 13:02
  • 1076

【菜鸟学安卓】- TextView 显示Html 二 图片大小的显示问题

这个图片大小的显示,如果直接取图片本身的大小,那么图片就会有大有小,界面就会显的特别的难看,所以对图片大小的处理还是很有必要的 由于本人处理的图片中只有两种类型,一种是非常小的头像,一种是比较的大...
  • wduj123
  • wduj123
  • 2016年05月05日 09:22
  • 1318

TextView加载带图片的Html解决方案

查看了下网上关于TextView加载带图片标签的Html解决方案若干,发现很多都是讲下面这种:1:重写ImageGetter,直接获取网络图片(这是比较通用的做法,但是遇到大图片或者网络不好的情况下,...
  • dyllove98
  • dyllove98
  • 2013年06月25日 23:01
  • 7008

Android TextView使用HTML处理图片文字混合显示

困惑了一周的问题终于解决了,决定写一篇文章,因为百度上的方法说的不是非常清楚,所以决定自己写一篇,废话不多说,直接正文 先看下效果(页面中只有一个TextView组件) 处理网络图片用的是第...
  • qq_36455052
  • qq_36455052
  • 2017年12月06日 20:56
  • 160

Android textView展示html图片,实现图文混排,点击查看大图片

textView展示html,实现图文混排,点击查看大图片最近要展示html在textView上,实现图文混排,并且图片可以点击放大,所以去研究了一下,效果图如下: 我们知道textView的set...
  • gemgaozhen
  • gemgaozhen
  • 2017年01月09日 15:38
  • 3445

Textview显示Html,图文混排,支持图片点击放大

对于呈现Html文本来说,Android提供的Webview控件可以得到很好的效果,但使用Webview控件的弊端是效率相对比较低,对于呈现简单的html文本的话,杀鸡不必使用牛刀。另外如果是在Lis...
  • u010403463
  • u010403463
  • 2015年06月26日 19:29
  • 2538

TextView加载html代码显示图片,并且支持图片放大功能

android
  • furtureWithYou
  • furtureWithYou
  • 2016年12月10日 16:57
  • 1254
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:TextView显示html图片的方法
举报原因:
原因补充:

(最多只允许输入30个字)