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

本文转自：

http://blog.csdn.net/zhang957411207/article/details/7741972

先看截图：

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

 

 /**
     * Sets the string value of the TextView. TextView does not 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
     *
     * Available Resource Types 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帮助文档查看。

 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中：

public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        TextView tv=(TextView)findViewById(R.id.textView1);
        String html="

强调

斜体

"
          +"

超链接HTML入门学习HTML!

颜色1"
          +"

颜色2

标题1

标题2

标题3

大于>小于<

" +
          "下面是网络图片

";
        
        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对象才可以。
修改后的代码：

 

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文件中加入网络访问的权限：

 

友情提示：通过网络获取图片是一个耗时的操作，最好不要放在主线程中，否则容易引起阻塞。
上面介绍的是显示网络上的图片，但如何显示本地的图片呢：
   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改为本地图片的路径便可，在这里我使用的是：
    String source;
    source=getFilesDir()+"/ic_launcher.png";