Android TextView使用HTML处理字体样式、显示图片等

最新推荐文章于 2024-09-22 06:03:14 发布
最新推荐文章于 2024-09-22 06:03:14 发布
阅读量985 收藏
点赞数
分类专栏： android ui android
学Android的时候突然想到一个问题：怎么用TextView控件显示带有格式的文字，可否使用Html布局？查了下Android 帮助文档，其提供了 android.text.Html类和Html.ImageGetter、Html.TagHandler接口。

        其实本不打算写这篇博文的，但看到网络上关于此的文章，基本是：你抄我，我抄你，大家抄来抄去，有用的也就那么一两篇文章，而且说得不明不白，网络就是如此，盗版也成为了一种文化，这就是所谓的拿来主义吧。当然不否认大牛的辛勤劳作，写出的高质量文章；其次是学以致用，个人习惯--总结一下。

先看截图：

               

        我们平常使用TextView的setText()方法传递String参数的时候，其实是调用的public final void setText (CharSequence text)方法：

[java] view plain copy print ?
  1. /** 
  2.     * Sets the string value of the TextView. TextView <em>does not</em> accept 
  3.     * HTML-like formatting, which you can do with text strings in XML resource files. 
  4.     * To style your strings, attach android.text.style.* objects to a 
  5.     * {@link android.text.SpannableString SpannableString}, or see the 
  6.     * <a href="{@docRoot}guide/topics/resources/available-resources.html#stringresources"> 
  7.     * Available Resource Types</a> documentation for an example of setting  
  8.     * formatted text in the XML resource file. 
  9.     * 
  10.     * @attr ref android.R.styleable#TextView_text 
  11.     */  
  12.    @android.view.RemotableViewMethod  
  13.    public final void setText(CharSequence text) {  
  14.        setText(text, mBufferType);  
  15.    }  
 /**
     * Sets the string value of the TextView. TextView <em>does not</em> accept
     * HTML-like formatting, which you can do with text strings in XML resource files.
     * To style your strings, attach android.text.style.* objects to a
     * {@link android.text.SpannableString SpannableString}, or see the
     * <a href="{@docRoot}guide/topics/resources/available-resources.html#stringresources">
     * Available Resource Types</a> documentation for an example of setting 
     * formatted text in the XML resource file.
     *
     * @attr ref android.R.styleable#TextView_text
     */
    @android.view.RemotableViewMethod
    public final void setText(CharSequence text) {
        setText(text, mBufferType);
    }
        而String类是CharSequence的子类，在CharSequence子类中有一个接口Spanned，即类似html的带标记的文本，我们可以用它来在TextView中显示html。但在上面Android源码注释中有提及TextView does not accept HTML-like formatting。

       android.text.Html类共提供了三个方法，可以到Android帮助文档查看。

[java] view plain copy print ?
  1. public static Spanned fromHtml (String source)  
  2.   
  3. public static Spanned fromHtml (String source, Html.ImageGetter imageGetter, Html.TagHandler tagHandler)  
  4.   
  5. public static String toHtml (Spanned text)  
public static Spanned fromHtml (String source)

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

public static String toHtml (Spanned text)


       通过使用第一个方法，可以将Html显示在TextView中：

[java] view plain copy print ?
  1. public void onCreate(Bundle savedInstanceState) {  
  2.         super.onCreate(savedInstanceState);  
  3.         setContentView(R.layout.main);  
  4.   
  5.         TextView tv=(TextView)findViewById(R.id.textView1);  
  6.         String html="<html><head><title>TextView使用HTML</title></head><body><p><strong>强调</strong></p><p><em>斜体</em></p>"  
  7.                 +"<p><a href=\"http://www.dreamdu.com/xhtml/\">超链接HTML入门</a>学习HTML!</p><p><font color=\"#aabb00\">颜色1"  
  8.                 +"</p><p><font color=\"#00bbaa\">颜色2</p><h1>标题1</h1><h3>标题2</h3><h6>标题3</h6><p>大于>小于<</p><p>" +  
  9.                 "下面是网络图片</p><img src=\"http://avatar.youkuaiyun.com/0/3/8/2_zhang957411207.jpg\"/></body></html>";  
  10.           
  11.         tv.setMovementMethod(ScrollingMovementMethod.getInstance());//滚动   
  12.         tv.setText(Html.fromHtml(html));      
  13.     }  
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        TextView tv=(TextView)findViewById(R.id.textView1);
        String html="<html><head><title>TextView使用HTML</title></head><body><p><strong>强调</strong></p><p><em>斜体</em></p>"
        		+"<p><a href=\"http://www.dreamdu.com/xhtml/\">超链接HTML入门</a>学习HTML!</p><p><font color=\"#aabb00\">颜色1"
        		+"</p><p><font color=\"#00bbaa\">颜色2</p><h1>标题1</h1><h3>标题2</h3><h6>标题3</h6><p>大于>小于<</p><p>" +
        		"下面是网络图片</p><img src=\"http://avatar.youkuaiyun.com/0/3/8/2_zhang957411207.jpg\"/></body></html>";
        
        tv.setMovementMethod(ScrollingMovementMethod.getInstance());//滚动
        tv.setText(Html.fromHtml(html));    
    }
效果：

              
        可以看出，字体效果是显示出来了，但是图片却没有显示。要实现图片的显示需要使用Html.fromHtml的另外一个重构方法：public static Spanned fromHtml (String source, Html.ImageGetterimageGetter, Html.TagHandler tagHandler)其中Html.ImageGetter是一个接口，我们要实现此接口，在它的getDrawable(String source)方法中返回图片的Drawable对象才可以。
修改后的代码：

[java] view plain copy print ?
  1. ImageGetter imgGetter = new Html.ImageGetter() {  
  2.         public Drawable getDrawable(String source) {  
  3.               Drawable drawable = null;  
  4.               URL url;    
  5.               try {     
  6.                   url = new URL(source);    
  7.                   drawable = Drawable.createFromStream(url.openStream(), "");  //获取网路图片   
  8.               } catch (Exception e) {    
  9.                   return null;    
  10.               }    
  11.               drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable  
  12.                             .getIntrinsicHeight());  
  13.               return drawable;   
  14.         }  
  15. };  
ImageGetter imgGetter = new Html.ImageGetter() {
        public Drawable getDrawable(String source) {
              Drawable drawable = null;
              URL url;  
              try {   
                  url = new URL(source);  
                  drawable = Drawable.createFromStream(url.openStream(), "");  //获取网路图片
              } catch (Exception e) {  
                  return null;  
              }  
              drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable
                            .getIntrinsicHeight());
              return drawable; 
        }
};

这里主要是实现了Html.ImageGetter接口，通过图片的URL地址获取相应的Drawable实例。
不要忘了在Mainifest文件中加入网络访问的权限：

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

 友情提示：通过网络获取图片是一个耗时的操作，最好不要放在主线程中，否则容易引起阻塞。
上面介绍的是显示网络上的图片，但如何显示本地的图片呢：

[java] view plain copy print ?
  1.    ImageGetter imgGetter = new Html.ImageGetter() {  
  2.         public Drawable getDrawable(String source) {  
  3.               Drawable drawable = null;  
  4.                  
  5.               drawable = Drawable.createFromPath(source); //显示本地图片   
  6.               drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable  
  7.                             .getIntrinsicHeight());  
  8.               return drawable;   
  9.         }  
  10. };  
   ImageGetter imgGetter = new Html.ImageGetter() {
        public Drawable getDrawable(String source) {
              Drawable drawable = null;
               
              drawable = Drawable.createFromPath(source); //显示本地图片
              drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable
                            .getIntrinsicHeight());
              return drawable; 
        }
};
只需将source改为本地图片的路径便可，在这里我使用的是：

[java] view plain copy print ?
  1. String source;  
  2. source=getFilesDir()+"/ic_launcher.png";  
Android的TextView使用Html来处理图片显示、字体样式、超链接等
07-27
其中 Html.fromHtml("<img src='"+clickedImageId+"'/>"就是HTML的图片标记，在Android中支持了部分HTML标记的使用（这方面我还在继续研究），HTML标记必须被Html.fromHtml修饰。imageGetter即为之前创建的...
TextView使用HTML处理字体样式、显示图片等
01-28
TextView使用HTML处理字体样式、显示图片等
Android TextView使用HTML处理字体样式、显示图片等（转）
zhuiqiuk的专栏
12-14 1699
本文转自： http://blog.youkuaiyun.com/zhang957411207/article/details/7741972 先看截图： 我们平常使用TextView的setText()方法传递String参数的时候，其实是调用的public final void setText (CharSequence text)方法：    /**      *
Andoid TextView显示富文本html内容及问题处理
热门推荐
主要记录一些问题处理记录，部分是作为知识库使用
10-14 2万+
html
Android TextView显示html样式的文字
09-02
此外，从Android 4.2 (API 17)开始，`Html.fromHtml()`方法已经被弃用了，建议使用`Html.fromHtml(String, int, ImageGetter, TagHandler)`的替代版本，其中`ImageGetter`可以处理图片，`TagHandler`可以处理自定义...
Android TextView实现HTML内容展示与样式处理教程
随着用户界面需求的不断复杂化，仅仅使用纯文本已经无法满足开发者和用户的需求，因此Android为TextView提供了处理HTML内容的功能，使其能够显示带有不同字体样式、图片甚至是超链接的丰富文本内容。本文将详细介绍...
Android TextView加载标签/HTML内容
qq_34942689的博客
05-06 4196
在开发过程中有的时候需要加载一些标签或者HTML的内容，有的是纯文本，有的包含图片，这种情况大部分人都会想到用webview来加载，但是webview比较繁琐，我们可以用TextView来代替。 步骤一： 只需要创建一个普通的TextView就好 步骤二： 查看TextView的setText 方法我们可以发现其中有一个方式传递的参数是CharSequence；但是这个CharSequence是一...
Android textView解析HTML Html.fromHtml的使用
火星男孩的分享空间
06-16 1317
测试 <resources> <string name="app_name">MyApp</string> <string name="str1">恭喜您！您的手机跑分为<font color='#F50057'><big><big><big>888888分</big></big></big></font>，已经超过全国<font colo
Android TextView加载Html中文字、图片
05-02
可直接运行，方便直接添加到项目中 解决了android 加载Html页面只出现文字，图片加载不出来，直接显示小方块的问题
Android的图文混合实现之TextView+html加载图片
2401_84123201的博客
05-04 1281
从网上找的代码感觉很好用：//图片手势缩放，点击放大//初始化的缩放量//最大缩放量//中间缩放量//缩放手势监听//触摸点发生移动时的触摸点个数//记录移动之前按下去的那个坐标点//开始移动的滑动距离//是否可以移动//是否需要考虑left和right出现白边//是否需要考虑top和boottom出现白边//手势监听，如果正在缩放中就不向下执行,防止多次双击/**Matrix的对图像的处理Translate 平移变换。
android:使用TextView展示H5文本(含关键字点击和图片)
CnPeng
10-23 948
一、需求描述 使用TextView展示H5文本，文本中包含关键词和图片，在H5文本中只有关键词会标红，在TextView中展示出来的关键词需要加点击事件。 具体如下图： 使用TextView展示H5文本 二、需求分析——主要知识点 (1)、使用SpannableString 因H5文本中包含超链接和图片，而且我们要使用TextView展示，那就必须使用SpannableString。将H...
注意Android里TextView控件的一个小坑，用android:theme来设置样式时动态载入的layout会丢失该样式...
weixin_30902251的博客
06-03 145
注意Android里TextView控件的一个小坑，用android:theme来设置样式时动态载入的layout会丢失该样式 这个坑，必须要注意呀， 比如在用ListView的时候，如果在List_Item的layout布局在用的是android:theme 而不是style的话，那么，显示的结果你会发现你的样式全没有了。 改成style就ok了。 转载于:https://www.cnbl...
Android TextView Html 支持全部标签
weixin_35554226的博客
07-16 331
Android TextView 支持 HTML 标签 在 Android 开发中，我们经常需要在 TextView 中展示富文本，比如加粗、斜体、下划线等。幸运的是，Android 的 TextView 支持通过 HTML 标签来实现这些效果。本文将详细介绍如何在 Android 中使用 TextView 来显示 HTM...
欢迎使用优快云-markdown编辑器
苏白的专栏
06-26 601
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
android只Textiew显示Html文本
最新发布
2401_87256643的博客
09-22 1093
/ TODO Auto-generated method stub // 具体代码，可以是跳转页面，可以是弹出对话框，下面是跳转页面。//blog.youkuaiyun.com/linghu_java/article/details/8307665 “复制代码”)系统会调用mTagHandler的handleTag方法。所以，我们可以实现此接口，来解析自己定义的标签类型。通过源码可以看到，除了默认的一些标签，其还支持自定义标签；
Android中Textview显示带html文本一-------【HTML标签】
weixin_30898109的博客
11-15 492
现在网络的繁盛时代，光文字是不能满足人们的胃口的，图片，flash，音频，视频就成为浏览网页的主流显示，在手机上也一样。在手机上显示从网络端获取的数据显示，大家很自然的想起两种方式，一种就是webview，一种就是TextView。当然webView直接显示html页面就行了，我主要说的TextView显示html内容。 首先，说下TextView到底支持那些标签呢，通过对源码的查看，...
android textview 显示html图片 大小,Android异步加载TextView中的图片自动缩放
weixin_32921593的博客
05-27 268
有空直接写了一个类用来加载textView中的html.图片可以异步加载，项目中使用universalimageloader来加载图片，所以使用前请自行配置好首先引入一类解析类TextViewHtmlParser.javapackagecom.loadimg;importjava.util.Collections;importjava.util.LinkedList;importjava...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值