Android：借用html标签协议，定义自己的协议

Android：借用html标签协议，定义自己的协议

背景

使用html，定制自己的标签协议：比如：

今日有好货，<a href="https://www.taobao.com">点我逛淘宝</a>，有惊喜！！

或者

今日有好货，<a href="page://taobao_home">点我逛淘宝</a>，有惊喜！！

当一个TextView显示上述内容时，还可以点击上面的文字，然后跳转到对应的页面。

解决思路

使用Html.fromHtml对含有标签的文本进行解析，然后重新为其添加自定义的Span

    ...    /**     * 绑定解析的Html     *     * @param mContentTv 目标的TextView控件     * @param content 含有html标签的文本内容     */     private void bindContentView(final TextView mContentTv, final String content) throws Throwable {        mContentTv.setMovementMethod(LinkMovementMethod.getInstance());        String text = mContentTv.getText().toString();        //解析html        Spanned spanned = Html.fromHtml(content);        //获取其中的URL链接的Span        URLSpan[] spans = spanned.getSpans(0, content.length(), URLSpan.class);        if (spans != null) {            //转化为子类            SpannableStringBuilder spannableStringBuilder = (SpannableStringBuilder) spanned;            for (URLSpan urlSpan : spans) {                //获取span的起始位置                int start = spanned.getSpanStart(urlSpan);                int end = spanned.getSpanEnd(urlSpan);                int flag = spanned.getSpanFlags(urlSpan);                //获取href的链接                final String pageName = urlSpan.getURL();                spannableStringBuilder.removeSpan(urlSpan);                if (start > end || start < 0) {                    continue;                }                //设置点击事件                spannableStringBuilder.setSpan(new ColorClickableSpan() {                    @Override                    public void onClick(View view) {                         //to open the pageName here                    }                }, start, end, flag);            }            mContentTv.setText(spannableStringBuilder);        } else {            mContentTv.setText(spanned);        }        mContentTv.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                //to do            }        });    }    ...

其中，我们也可以定制超链接部分的样式：

import android.text.TextPaint;import android.text.style.ClickableSpan;import android.view.View;/** * @version mochuan.zhb on 2013/3/3. * @Author Zheng Haibo * @Company Alibaba Group * @PersonalWebsite http://github.com/nuptboyzhb * @Description 去掉下滑线的点击span */public class FollowClickableSpan extends ClickableSpan {// extend ClickableSpan    @Override    public void onClick(View view) {    }    @Override    public void updateDrawState(TextPaint ds) {// override updateDrawState        ds.setUnderlineText(false); // set to false to remove underline        ds.setColor(0xff009ff0);    }}

同样的思路，我们可以对其他html标签进行解析,然后进行改造；比如：

你还有<font color="#f00">20</font>项代办事情

   /**     * 将所有的font前景色标签，进行颜色重置     *     * @param content     * @param colorValue     * @return     */    private CharSequence parseSpanResetColor(String content, int colorValue) {        try {            Spanned spanned = Html.fromHtml(content);            SpannableStringBuilder spannableStringBuilder = (SpannableStringBuilder) spanned;            ForegroundColorSpan[] spans = spanned.getSpans(0, content.length(), ForegroundColorSpan.class);            if (spans.length > 0) {                for (ForegroundColorSpan foregroundColorSpan : spans) {                    int start = spanned.getSpanStart(foregroundColorSpan);                    int end = spanned.getSpanEnd(foregroundColorSpan);                    int flag = spanned.getSpanFlags(foregroundColorSpan);                    spannableStringBuilder.removeSpan(foregroundColorSpan);                    spannableStringBuilder.setSpan(new ForegroundColorSpan(colorValue), start, end, flag);                }            }            return spannableStringBuilder;        } catch (Exception e) {            e.printStackTrace();        }        return new SpannableString(content);    }