前言
大家都知道Android 富文本其实就是HTML标签那些东西,但Android本身对其支持有限,今天就说说如何对其进行扩展
富文本
在Android设置富文本一般如下
String txt = "<strong>Hello World</strong>";
textView.setText(HtmlCompat.fromHtml(txt,HtmlCompat.FROM_HTML_MODE_LEGACY));
这样就可以达到加粗的效果;如果要调整字体大小以及颜色呢?有人说很简单把富文本修改成
<span style='font-size:11px;color:#FF1A1A'>Hello World</span>
其实Android中的富文本中span标签中支持的属性有限,运行后你会发现上面写法其实并不生效,那有没办法让其生效呢? 答案是可以的。
我们先从源码角度来大体梳理下fromHtml的执行流程;
fromHtml流程
Html.java
//Html.java
public static Spanned fromHtml(String source, int flags) {
return fromHtml(source, flags, null, null);
}
public static Spanned fromHtml(String source, int flags, android.text.Html.ImageGetter imageGetter,
android.text.Html.TagHandler tagHandler) {
//1、创建解析器
Parser parser = new Parser();
try {
parser.setProperty(Parser.schemaProperty, HtmlParser.schema);
} catch (org.xml.sax.SAXNotRecognizedException e) {
...
}
//2、构建一个转换器,将html格式转化为原生的Spanned
HtmlToSpannedConverter converter =
new HtmlToSpannedConverter(source, imageGetter, tagHandler, parser, flags);
return converter.convert();
}
从代码可以看出非常简单,其实就是将Html的格式转化为Android可以认识的Spanned对象,这样就达到了Android支持富文本的效果了,这里面核心类就是HtmlToSpannedConverter
先看convert方法
public HtmlToSpannedConverter( String source, Html.ImageGetter imageGetter,
Html.TagHandler tagHandler, Parser parser, int flags) {
mSource = source;
mSpannableStringBuilder = new SpannableStringBuilder();
mImageGetter = imageGetter;
mTagHandler = tagHandler;
mReader = parser;
mFlags = flags;
}
public Spanned convert() {
//1、mReader就是上面的解析器Parser,并绑定了当前对象
mReader.setContentHandler(this);
try {
//2、解析富文本
mReader.parse(new InputSource(new StringReader(mSource)));
} catch (IOException e) {
...
}
...
//3、返回了构造器中创建的成员变量
return mSpannableStringBuilder;
}
我们来看下ContentHandler接口有那些方法
重点关注下startElement方法,从字面意思上我们可以猜测出它是负责标签元素的解析处理的,而Parser.parse方法最终会调用到HtmlToSpannedConverter.startElement方法,
public void startElement(String uri, String localName, String qName, Attributes attributes)
throws SAXException {
handleStartTag(localName, attributes);
}
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 emit the linebreaks when we handle the close tag.
} else if (tag.equalsIgnoreCase("p")) {
startBlockElement(mSpannableStringBuilder, attributes, getMarginParagraph());
startCssStyle(mSpannableStringBuilder, attributes);
} else if (tag.equalsIgnoreCase("span"