Android中Textview显示带html文本

移动开发 Android
在Android中使用Textview处理带html文本,如图片标签、网络图片等,文章中分别对本地图片、项目资源图片和网络图片的显示提供方法。

下面着重说一下Textview显示“img”标签,也许看到这里,大家都会想到就是构建ImageGetter,重载一下其 public Drawable getDrawable(String source)方法,获取该路径的图片。

例如:

  1. final Html.ImageGetter imageGetter = new Html.ImageGetter() { 
  2.         public Drawable getDrawable(String source) { 
  3.             return drawable; 
  4.         }; 
  5.   
  6.     }; 

下面来说下public Drawable getDrawable(String source)这个方法,source就是图片路径!

例如:

  1. final String sText = "测试图片信息:<br><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" /><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" />"
  2. tView.setText(Html.fromHtml(sText, imageGetter, null)); 

则source就是img的src的值,既是:http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg这个图片路径。

当然这个<img src=路径/> 这个路径既可以是网络图片,也可以本地图片,项目资源图片。

例如:本地图片<img src=\""/sdcard/images/test.jpg"\"/>   项目资源图片 <img src=\""+R.drawable.market_none_image+"\"/>

但是不同的路径,ImageGetter的重载处理方法都不一样,下面来一一介绍各种的处理方式.

***种:本地图片

  1. final String sText2 = "测试图片信息:<img src=\"/mnt/sdcard/temp/1.jpg\" />"
  2. tView.setText(Html.fromHtml(sText2, imageGetter, null)); 
  3.   
  4. final Html.ImageGetter imageGetter = new Html.ImageGetter() { 
  5.   
  6.     public Drawable getDrawable(String source) { 
  7.         Drawable drawable=null
  8.     drawable=Drawable.createFromPath(source); 
  9.         drawable.setBounds(00, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight()); 
  10.     return drawable;  }; 

第二种:项目资源图片

  1. final String sText1 = "测试图片信息:<img src=\""+R.drawable.market_none_image+"\" />";tView.setText(Html.fromHtml(sText1, imageGetter, null)); 
  2.   
  3. final Html.ImageGetter imageGetter = new Html.ImageGetter() { 
  4.   
  5.     public Drawable getDrawable(String source) { 
  6.         Drawable drawable=null
  7.     int rId=Integer.parseInt(source); 
  8.     drawable=getResources().getDrawable(rId); 
  9.     drawable.setBounds(00, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight()); 
  10.     return drawable;    }; 

第三种:网络图片

  1. final String sText = "测试图片信息:<br><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" />"
  2. tView.setText(Html.fromHtml(sText, imageGetter, null)); 
  3.   
  4. final Html.ImageGetter imageGetter = new Html.ImageGetter() { 
  5.   
  6.     public Drawable getDrawable(String source) { 
  7.         Drawable drawable=null
  8.     URL url; 
  9.     try { 
  10.         url = new URL(source); 
  11.         drawable = Drawable.createFromStream(url.openStream(), ""); 
  12.     } catch (Exception e) { 
  13.         e.printStackTrace(); 
  14.         return null
  15.     } 
  16.     drawable.setBounds(00, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());             
  17.     return drawable;     }; 

通过这三个方式,可以看出,不同的图片路径,得到图片的处理方式不同,大家也能一目了然的看出来ImageGetter是干什么的了,就是得到img中src所需的图片!

提醒一点:获取图片以后,一定要设置图片的边界,界线,即:drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());,不然获取图片后,Textview不能显示图片。

通过以上三种方式,是能可以显示出来图片,但是我发现了一个问题,就是第三种,显示网络图片,我用android2.3的系统,可以显示图片出来,并且如 果图片比较大,应用会卡的现象,肯定是因为使用主线程去获取网络图片造成的,但如果我用android4.0以上的系统运行,则不能显示图片,只显示小方 框。

究其原因,是在4.0的系统上执行的时候报错了,异常是:android.os.NetworkOnMainThreadException 经过查文档,原来是4.0系统不允许主线程(UI线程)访问网络,因此导致了其异常。说白了就是在主线程上访问网络,会造成主线程挂起,系统不允许使用 了。

责任编辑:徐川 来源: eoeAndroid
相关推荐

2021-10-21 07:29:09

AndroidSpannableStTextView

2013-03-28 15:47:53

TextView文字自

2013-04-07 10:09:00

Android开发TextView属性

2010-10-25 15:04:39

Oracle文本函数

2017-02-17 10:07:02

AndroidMVP模式实例

2011-09-14 11:31:26

Android API

2017-04-20 12:45:08

AndroidTextView

2012-05-07 15:08:00

HTML5

2012-12-28 14:23:12

Android开发TextView

2011-06-10 16:33:54

iOS 5苹果

2010-09-06 13:21:04

TextViewAndroid

2010-09-10 10:09:26

Android

2009-12-28 11:14:29

WPF显示文本

2011-04-11 13:43:35

popupwindowlistviewAndroid

2009-12-25 09:34:50

WPF显示HTML

2015-03-03 15:59:25

Android开发属性

2016-12-07 10:32:14

移动应用开发底部导航android

2024-07-31 20:39:49

前端文本JavaScrip

2013-07-03 16:49:17

AndroidWebView

2016-12-15 15:08:38

HTML文档工具
点赞
收藏

51CTO技术栈公众号