Android use custom html tag in TextView
我们知道android的TextView控件支持一些简单的html富文本，如<br><font><u>等，但是具体是哪些标签呢？其实查看Html类的源码就可以知道了。
private void handleStartTag(String tag, Attributes attributes) { if (tag.equalsIgnoreCase("br")) { // We don't need to handle this. TagSoup will ensure that there's a </br> for each <br> // so we can safely emite the linebreaks when we handle the close tag. } else if (tag.equalsIgnoreCase("p")) { handleP(mSpannableStringBuilder); } else if (tag.equalsIgnoreCase("div")) { handleP(mSpannableStringBuilder); } else if (tag.equalsIgnoreCase("em")) { start(mSpannableStringBuilder, new Bold()); } else if (tag.equalsIgnoreCase("b")) { start(mSpannableStringBuilder, new Bold()); } else if (tag.equalsIgnoreCase("strong")) { start(mSpannableStringBuilder, new Italic()); } else if (tag.equalsIgnoreCase("cite")) { start(mSpannableStringBuilder, new Italic()); } else if (tag.equalsIgnoreCase("dfn")) { start(mSpannableStringBuilder, new Italic()); } else if (tag.equalsIgnoreCase("i")) { start(mSpannableStringBuilder, new Italic()); } else if (tag.equalsIgnoreCase("big")) { start(mSpannableStringBuilder, new Big()); } else if (tag.equalsIgnoreCase("small")) { start(mSpannableStringBuilder, new Small()); } else if (tag.equalsIgnoreCase("font")) { startFont(mSpannableStringBuilder, attributes); } else if (tag.equalsIgnoreCase("blockquote")) { handleP(mSpannableStringBuilder); start(mSpannableStringBuilder, new Blockquote()); } else if (tag.equalsIgnoreCase("tt")) { start(mSpannableStringBuilder, new Monospace()); } else if (tag.equalsIgnoreCase("a")) { startA(mSpannableStringBuilder, attributes); } else if (tag.equalsIgnoreCase("u")) { start(mSpannableStringBuilder, new Underline()); } else if (tag.equalsIgnoreCase("sup")) { start(mSpannableStringBuilder, new Super()); } else if (tag.equalsIgnoreCase("sub")) { start(mSpannableStringBuilder, new Sub()); } else if (tag.length() == 2 && Character.toLowerCase(tag.charAt(0)) == 'h' && tag.charAt(1) >= '1' && tag.charAt(1) <= '6') { handleP(mSpannableStringBuilder); start(mSpannableStringBuilder, new Header(tag.charAt(1) - '1')); } else if (tag.equalsIgnoreCase("img")) { startImg(mSpannableStringBuilder, attributes, mImageGetter); } else if (mTagHandler != null) { mTagHandler.handleTag(true, tag, mSpannableStringBuilder, mReader); } }
通过上面的代码可以知道，TextView支持的标签有以下一些：
<br>换行，<p>段落，<div>，<em>强调，<b>加粗，<strong>重点强调，<cite>表示引用，<dfn>定义标签，<i>斜体，<big>大字体，<small>小字体，<font>字体，<blockquote>引用块，<tt>定义monospaced字体的文字，<a>链接，<u>下划线，<sup>上标，<sub>下标，<h>，<img>图片
上面的有些标签或是属性可能会没有用的，如font的size属性在源码里面没有做处理，因此size属性是没有用的，具体的可能还要尝试或是看看源码才知道。
下面是一个简单的实例
String source = "<font size='17sp' color='#FF0000'>font</font>" +
"<u>下划线</u>" +
"<h1>h1<h1>" +
"<big>big</big>"+
"<small>small</small>"+
"<strong>strong</strong>"+
"<i>斜体</i>"+
"<sup>上标</sup>"+
"<sub>下标</sub>";
text.setText(Html.fromHtml(source));
运行的效果如下：
除了上面的一些简单的字体变换外还可以实现在TextView中显示图片，表情即可以通过这种方式实现。
通过上面的源码可以看到，当解析发现有未识别的标签时会调用mTagHandler.handleTag(true, tag, mSpannableStringBuilder, mReader);
通过TagHandler接口我们可以自定义一些标签。
如下，我们自定义一个<mytag>的标签，实现了点击标签内容则显示一个Toast的事件(当然还可以实现其他一些事件)。
public class MyTagHandler implements TagHandler { int start; int stop; Context context; int color;
public MyTagHandler(Context context, int color) { this.context = context; this.color = color; } @Override public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) { if (tag.toLowerCase().equals("mytag")) { if (opening) { start = output.length(); } else { stop = output.length(); String content = output.subSequence(start, stop).toString(); output.setSpan(new MySpan(context, color, content), start, stop, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); } } } class MySpan extends ClickableSpan implements OnClickListener { String content; int color; int type; Context context;
@Override public void updateDrawState(TextPaint ds) { ds.setColor(color);//设置颜色 ds.setUnderlineText(false);//是否显示下划线 } public MySpan(Context context, int color, String content) { this.context = context; this.color = color; this.content = content; } @Override public void onClick(View widget) { //添加点击事件 Toast.makeText(context, content, Toast.LENGTH_SHORT).show(); } } }
String source = "<u>下划线标签</u><mytag><big>自定义的标签</big></mytag><i>斜体</i>"; textview.setText(Html.fromHtml(source, null, new MyTagHandler(this, 0xFF4D8C4D))); textview.setMovementMethod(LinkMovementMethod.getInstance());
运行的效果如下，当点击"自定义标签"时会弹出一个Toast的提示。
上例中是实现了一个ClickableSpan以实现一个自定义的点击事件。还可以用android.text.style包里面的其他一些Span，如自定义一些背景前景，实现动态图片的显示等都是可以的，有需要时可以研究研究。
