Android中的android.text.Html类学习（补全了TagHandler部分）

原来只知道这个类可以转换一些Html的标签，常用的也就是fromHtml方法。但是之前一直不太明白这个方法的应用场景，最近通过项目的实践，了解到了strings.xml中使用Html样式的文案信息，然后通过更换颜色和字体样式等方式，就能完成在一个TextView为文案内容设置多种样式的需求，这样做还能减少layout中的组件使用数量，可以通过很少的组件就完成需求的页面。

常用方法：

1.格式化字符串成Html样式

publicstatic Spanned fromHtml(String source)

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

以上两个方法都是通过String内容转换成Html样式的内容，然后就可以赋值给TextView中。

第二个方法和第一个的区别在于第二个可以传入图片，但是需要注意这个图片需要重写ImageGetter才可以支持网络图片获取。

也可以重写ImageGetter来获取本地的图片，或者传入drawable的id来获取drawable对象，这样的做法可以用来实现内容包含表情的功能开发。

例如：聊天中输入的editText和显示的textView中通过这样的方式获取表情图片。

2.public static String toHtml(Spanned text)

将spanned转换String

3.常用的Html标签和css：div,font,color,size,align,center,left,right（其中color可以传入十六进制，但是注意转义字符）

4.TagHandler的作用（特别像AngularJs中的自定义标签）

就像注释中的说明一样，这个对象就是一个所有标签的过滤器，可以通过重写对象中的

public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) 

方法来重新自定义标签中的样式，例如我在例子中自定义了一个hello的标签，然后通过自定义的TagHandler把hello标签替换成了一个字符串，其实我想到的可以通过自定义标签和属性来定义你的文字样式，然后加到spanned中。

同时这个过滤不仅对不知道标签过滤，已有的标签依旧会走这个handler，所以可以对原有的一些样式就行修饰。

源码备忘：

<span style="white-space:pre"></span>else if (mTagHandler != null) {            mTagHandler.handleTag(true, tag, mSpannableStringBuilder, mReader);        }

<span style="white-space:pre"></span>else if (mTagHandler != null) {            mTagHandler.handleTag(false, tag, mSpannableStringBuilder, mReader);        }

其中两段代码分别是开始标签和结束标签传回，可以看出handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) 的opening标识的是这个标签是否为开始标签，然后tag是源码帮忙过滤出的标签。

代码实现：

MainActivity.java:

package com.code41.demo;import org.xml.sax.XMLReader;import android.app.Activity;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.os.Handler;import android.text.Editable;import android.text.Html;import android.text.Html.ImageGetter;import android.text.Html.TagHandler;import android.text.Spanned;import android.util.Log;import android.widget.TextView;public class MainActivity extends Activity {private TextView demoTextView;// TextView for test string.xmlprivate TextView styleDemoTextView;// TextView for test string.xmlprivate TextView htmlTextView;// TextView for test string.xmlprivate Handler mHandler = new Handler();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);demoTextView = (TextView) findViewById(R.id.text_view_string_demo);styleDemoTextView = (TextView) findViewById(R.id.text_view_style_string_demo);htmlTextView = (TextView) findViewById(R.id.text_view_html_demo);// 大部分应用都是网络请求应用，所以要养成异步赋值的好习惯post(new Runnable() {@Overridepublic void run() {// 设置无样式的字符串内容String stringDemoValue = getString(R.string.code41_string_demo_value, "鲜花", 200);demoTextView.setText(stringDemoValue);// 设置HTML样式的字符串内容String styleStringDemoValue = getString(R.string.code41_style_string_demo_value, "鲜花", 200);Spanned styleSpanned = Html.fromHtml(styleStringDemoValue);Log.e("MainActivity", "content=>" + styleSpanned);styleDemoTextView.setText(styleSpanned);// 将spanned转换StringString content = Html.toHtml(styleSpanned);Log.e("MainActivity", "content=>" + content);// log content=>content=><p// dir="ltr">很高兴可以收到你赠送的<b><font// color ="#eb6067">鲜花</font></b>和<b><font// color ="#eb6067">200</font></b>金币。</p>// 将图片内容img带入textView中String htmlDemoString = getString(R.string.code41_html_string_demo_value, R.drawable.ic_launcher);htmlTextView.setText(Html.fromHtml(htmlDemoString, imgGetter, tagHandler));}});}private void post(Runnable runnable) {if (isFinishing() || null == mHandler) {return;}mHandler.post(runnable);}/** * 重写图片获取的ImageGetter */ImageGetter imgGetter = new Html.ImageGetter() {public Drawable getDrawable(String source) {int id = Integer.parseInt(source);Drawable d = getResources().getDrawable(id);d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());return d;}};/** * 重写未知标签Handle */TagHandler tagHandler = new TagHandler() {@Overridepublic void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {if ("hello".equals(tag) && opening) {output.append("hello tag filter");}}};}

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#f8f8f8" >    <TextView        android:id="@+id/text_view_string_demo"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:textColor="#666666"        android:textSize="20sp" />        <TextView        android:id="@+id/text_view_style_string_demo"        android:layout_below="@+id/text_view_string_demo"        android:layout_marginTop="10dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textColor="#666666"        android:textSize="20sp" />        <TextView        android:id="@+id/text_view_html_demo"        android:layout_below="@+id/text_view_style_string_demo"        android:layout_marginTop="10dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textColor="#666666"        android:textSize="20sp" />    </RelativeLayout>

strings.xml

<?xml version="1.0" encoding="utf-8"?><resources>    <string name="app_name">StringDemo</string>    <string name="hello_world">Hello world!</string>        <string name="code41_string_demo_value">很高兴可以收到你赠送的%1$s和%2$d金币。</string>    <string name="code41_style_string_demo_value">很高兴可以收到你赠送的<Data><![CDATA[<font color="#eb6067"><b>%1$s</b></font>和<font color="#eb6067"><b>%2$d</b></font>金币]]></Data>。</string>    <string name="code41_html_string_demo_value">嵌入的图片是<Data><![CDATA[<img src=\"%1$d\"/>和测试自定义的tag是<hello></hello>]]></Data></string></resources>

效果截图：

项目代码