HtmlSpanner使用小结

HtmlSpanner是一个能够把Html源代码解析成spannablestring的开源库.

基本的使用方法很简单，使用

new    HtmlSpanner().fromHtml(content);// content是html源代码

注意，fromHtml方法不能够在主线程中调用.

其他一些功能

1.能够获取标签属性和自定义标签属性，使用工具，HtmlCleaner,这个工具网上资料比较多。

2.handlers，HtmlSpanner提供了很多Handlers用于对不同标签进行处理。

3.spans，HtmlSpanner提供了多个span能够使用。

4.css

我 以动态添加可以点击的imagespan为例，介绍handlers的用法。

在activity中创建自己的HtmlSpanner

存在这么一个需求：加载html文档到本地，通过HtmlSpanner解析成spannablestring，显示，并且能够使里面的image可点击，并执行点击事件。

我们需要 htmlspanner

private HtmlSpanner htmlSpanner = new HtmlSpanner();

TagNodeHandler

其实这里的TagNodeHandler使用的是HtmlSpanner中的ImageHandler（ImageHandler是处理img标签的handler）只是改了部分代码，更适合我使用而已 你也可以参考ImageHandler的源码创建自己的ImageHandler

private TagNodeHandler tagNodeHandler = new TagNodeHandler() {
@Override
public void handleTagNode(TagNode node, final SpannableStringBuilder builder, final int start, final int end, final SpanStack spanStack) {
final String src = node.getAttributeByName("src");
imageUrls[imageCount] = src;
imageCount ++;

builder.append("\uFFFC");

Bitmap loadBitmap = loadBitmap(src);
int toHeight = loadBitmap.getHeight() * textViewWidth / loadBitmap.getWidth();
Bitmap bitmap = Bitmap.createScaledBitmap(loadBitmap, textViewWidth, toHeight, true);

if (bitmap != null) {
Drawable drawable = new BitmapDrawable(bitmap);
drawable.setBounds(0, 0, bitmap.getWidth() - 1,
bitmap.getHeight() - 1);

spanStack.pushSpan(new ClickableImageSpan(drawable) {
@Override
public void onClick(View view) {
// do your job
}
}, start, builder.length());
}

}

然后需要注册该handler

htmlSpanner.registerHandler("img", tagNodeHandler);

之后调起线程处理html

new GetHtmlSpannerThread(mHandler, htmlSpanner, content).start();

最后得到结果

case KEY_GET_HTML_SPANNER_SUC:
Spannable spannable = (Spannable) msg.obj;
if (null != spannable){
tv_detail_intro.setText(spannable);
} else{
tv_detail_intro.setText("加载失败");
}
break;

自定义的ClickableImageSpan

public abstract class ClickableImageSpan extends ImageSpan {
public ClickableImageSpan(Drawable b) {
super(b);
}

public abstract void onClick(View view);
}

自定义的ClickableMovementMethod 。是这样的，网上某大神添加可点击的imagespan，发现imagespan是不能点击的，然后他翻了LinkMovementMethod的源码，发现里面只检测了ClickableSpan的点击事件，所以他改了一些东西，写了个ClickableMovementMethod，的东西，只需要调用

tv_detail_intro.setMovementMethod(new ClickableMovementMethod());

，就可以使上面定义的ClickableImageSpan可被点击了。

ClickableMovementMethod 源码

public class ClickableMovementMethod extends LinkMovementMethod {

private static ClickableMovementMethod sInstance;

public static ClickableMovementMethod getInstance() {
if (sInstance == null) {
sInstance = new ClickableMovementMethod();
}
return sInstance;
}

public boolean onTouchEvent(TextView widget, Spannable buffer,
MotionEvent event) {
int action = event.getAction();

if (action == MotionEvent.ACTION_UP ||
action == MotionEvent.ACTION_DOWN) {
int x = (int) event.getX();
int y = (int) event.getY();

x -= widget.getTotalPaddingLeft();
y -= widget.getTotalPaddingTop();

x += widget.getScrollX();
y += widget.getScrollY();

Layout layout = widget.getLayout();
int line = layout.getLineForVertical(y);
int off = layout.getOffsetForHorizontal(line, x);

ClickableSpan[] link = buffer.getSpans(off, off, ClickableSpan.class);
ClickableImageSpan[] imageSpans = buffer.getSpans(off, off, ClickableImageSpan.class);

if (link.length != 0) {
if (action == MotionEvent.ACTION_UP) {
link[0].onClick(widget);
} else if (action == MotionEvent.ACTION_DOWN) {
Selection.setSelection(buffer,
buffer.getSpanStart(link[0]),
buffer.getSpanEnd(link[0]));
}
return true;
} else if (imageSpans.length != 0) {
if (action == MotionEvent.ACTION_UP) {
imageSpans[0].onClick(widget);
} else if (action == MotionEvent.ACTION_DOWN) {
Selection.setSelection(buffer,
buffer.getSpanStart(imageSpans[0]),
buffer.getSpanEnd(imageSpans[0]));
}
return true;
} else {
Selection.removeSelection(buffer);
}
}

return false;
}
}

b7d1