setSpan 冲突问题

参考
http://stackoverflow.com/questions/29505622/spannablestringbuilder-set-clickablespan-more-than-once-cant-click
http://stackoverflow.com/questions/13118278/why-cant-use-the-same-span-object-to-setspan-above-twice
http://stackoverflow.com/questions/20077457/spannablestring-changes-color-first-time-but-not-when-reused
http://www.jianshu.com/p/be0d79b9d5e6

项目中要求做几个链接,点击跳转到不同的h5页面. 根据效果图,决定使用富文本做。
先贴修改后的代码:

自定义一个ClickableSpan

public class CustomUrlSpan extends ClickableSpan {

    private String url;
    private String title;


    public CustomUrlSpan( String url, String title) {
        this.url = url;
        this.title = title;
    }

    @Override
    public void onClick(View widget) {

        Intent intent = new Intent(ContextUtils.getContext(), WebViewActivity.class).setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        intent.putExtra(Constant.WEB_URL, url);
        intent.putExtra(Constant.WEB_TITLE,title);
        ContextUtils.getContext().startActivity(intent);

    }
}

根据不同的航班,拼接不同的协议文本放到textview

StringBuffer stringBuffer = new StringBuffer();
stringBuffer.append("已阅读并同意<a href='" + HttpServiceConstants.FLIGHT_AIRPORT_AGREEN_CONSIGN_URL + "' > " + getActivity().getString(R.string.frm_flight_order_protocol) + " </a>");
String dot = "<font color='" + ContextCompat.getColor(ContextUtils.getContext(), R.color.txt_blue) + "'> 、 </font>";
stringBuffer.append(dot).append("<a href='" + Constant.WEB_URL_BATTERY + "' > " + getActivity().getString(R.string.frm_flight_order_protocol_battery) + " </a>");
   flightCabinselTravelBinding.tvFlightProtocol.setText(HtmlUtil.fromHtml(stringBuffer.toString()));
        flightCabinselTravelBinding.tvFlightProtocol.setMovementMethod(new FixedLinkMovementMethod());


        CharSequence text = flightCabinselTravelBinding.tvFlightProtocol.getText();
        int end = text.length();
        Spannable spannable = (Spannable) text;
        URLSpan[] urlSpans = spannable.getSpans(0, end, URLSpan.class);
        if (urlSpans.length == 0) {
            return;
        }

       SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(text);


        // 循环遍历并拦截 所有http://开头的链接
        for (URLSpan uri : urlSpans) {
            final String url = uri.getURL();
            if (url.indexOf("http") == 0) {
                CustomUrlSpan customUrlSpan = null;

                //托运协议
                if (url.equals(HttpServiceConstants.FLIGHT_AIRPORT_AGREEN_CONSIGN_URL)) {
                    customUrlSpan = new CustomUrlSpan(url, getActivity().getString(R.string.frm_flight_order_protocol));
                }

                //西部
                else if (url.equals(Constant.WEB_URL_WEST)) {

                    customUrlSpan = new CustomUrlSpan(url, getActivity().getString(R.string.frm_flight_order_protocol_west));

                }

                //深圳航空
                else if (url.equals(Constant.WEB_URL_SZ)) {

                    customUrlSpan = new CustomUrlSpan(url, getActivity().getString(R.string.frm_flight_order_protocol_sz));


                }

                //锂电池及危险品须知
                else if (url.equals(Constant.WEB_URL_BATTERY)) {

                    customUrlSpan = new CustomUrlSpan(url, getActivity().getString(R.string.frm_flight_order_protocol_battery));

                }

                if (customUrlSpan != null) {

                    // The original URLSpan needs to be removed to block the behavior of browser opening
                    spannableStringBuilder.removeSpan(uri);

                    spannableStringBuilder.setSpan(CharacterStyle.wrap(customUrlSpan), spannable.getSpanStart(uri),
                            spannable.getSpanEnd(uri), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);


                }


            }
        }

        flightCabinselTravelBinding.tvFlightProtocol.setText(spannableStringBuilder);

开发过程中遇到的问题:

1、点击文字链接跳转到了系统自带浏览器当中,CustomUrlSpan的点击事件并没有执行

2、在webviewActivity中打开链接,返回退出该富文本页面。再次进入,更改后的协议文本拼接没错,但textView展示出来的文本还是之前的文本,并没有根据拼接内容而改变。


问题1 解决:

setSpan 的时候,需要先去掉原本的UrlSpan ,阻止链接在系统的浏览器打开。

 // The original URLSpan needs to be removed to block the behavior of browser opening
 spannableStringBuilder.removeSpan(uri);

问题2 解决:

先要了解 <b>LinkMovementMethod</b> 、 <b>SpannableStringBuilder</b>、<b>CharacterStyle.wrap()</b>

LinkMovementMethod

A movement method that traverses links in the text buffer and scrolls if necessary. Supports clicking on links with DPad Center or Enter.

简单来说,就是让链接与滚动生效。

富文本的点击事件会分发到这个对象里面,那么我们可以在onTouchEvent()中来处理这个点击事件。
代码中过滤出了ClickableSpan,执行click事件


public class FixedLinkMovementMethod extends LinkMovementMethod {

    @Override
    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);

            CharacterStyle[] candidates = buffer.getSpans(off, off, CharacterStyle.class);

            ClickableSpan clickableSpan = null;

            for (CharacterStyle characterStyle : candidates) {
                if (characterStyle.getUnderlying() instanceof ClickableSpan) {
                    clickableSpan = (ClickableSpan) characterStyle.getUnderlying();
                    break;
                }
            }

            if (clickableSpan != null) {
                if (action == MotionEvent.ACTION_UP) {
                    clickableSpan.onClick(widget);
                } else if (action == MotionEvent.ACTION_DOWN) {
                    Selection.setSelection(buffer,
                            buffer.getSpanStart(clickableSpan),
                            buffer.getSpanEnd(clickableSpan));
                }

                return true;
            } else {
                Selection.removeSelection(buffer);
            }
        }

        return super.onTouchEvent(widget, buffer, event);
    }

}

SpannableStringBuilder

You can't reuse the same span multiple times. Even if the span is exactly the same, you need to create a unique span for each section of the string you are wanting to change.

不要多次重复使用相同的span , 最好创建一个唯一的span,避免出现之前的span被改变。

When you pass same span by setSpan method, it will check if spans array have same one and replace old start and end value by news.

当使用setSpan方法的时候,方法中会判断是否存在一个相同的spans array ,start 到 end 的值会被最新的替换。

也就是说,复用span的话,之前的span可能会被最新的span改变。

/* package */ void setSpan(Object what, int start, int end, int flags) {
    ...
  for (int i = 0; i < count; i++) {
    if (spans[i] == what) {
        int ostart = mSpanStarts[i];
        int oend = mSpanEnds[i];

        if (ostart > mGapStart)
            ostart -= mGapLength;
        if (oend > mGapStart)
            oend -= mGapLength;

        mSpanStarts[i] = start;
        mSpanEnds[i] = end;
        mSpanFlags[i] = flags;

        if (send) sendSpanChanged(what, ostart, oend, nstart, nend);

        return;
    }
}

    ...
}

CharacterStyle.wrap()

CharacterStyle是个抽象类,字符级别的Span都需要继承这个类
CharacterStyle拥有很多子类(BackgroundColorSpan,ClickableSpan,ImageSpan,TypefaceSpan等)
一个CharacterStyle类型的Span只能给一个Spaned片段使用,如果想这个Span给多个片段使用可以使用wrap方法。
其实就是复制了一个CharacterStyle。

public static CharacterStyle wrap(CharacterStyle cs) {
    if (cs instanceof MetricAffectingSpan) {
        return new MetricAffectingSpan.Passthrough((MetricAffectingSpan) cs);
    } else {
        return new Passthrough(cs);
    }
}

if you use CharacterStyle.wrap() your span is no longer a ClickableSpan instance, but a CharacterStyle.Passthrough instance instead. Therefore getSpans() does not return it anymore and it's no longer clickable.

如果使用了CharacterStyle.wrap() , 那么span不会是一个ClickableSpan ,也就是说点击事件会失效。

A given CharacterStyle can only applied to a single region of a given Spanned. If you need to attach the same CharacterStyle to multiple regions, you can use this method to wrap it with a new object that will have the same effect but be a distinct object so that it can also be attached without conflict.

有多个片段的时候使用,解决attached的冲突问题。


原来如此,是因为没有使用CharacterStyle.wrap()而导致的问题。最后再自定义一个LinkMovementMethod处理click事件,问题就解决了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,108评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,699评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,812评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,236评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,583评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,739评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,957评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,704评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,447评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,643评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,133评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,486评论 3 256
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,151评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,108评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,889评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,782评论 2 277
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,681评论 2 272

推荐阅读更多精彩内容

  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,088评论 2 44
  • 对于初学者来说往往无法弄清iOS中各种各样的Controller之间的关系和使用场景。这篇文章将尝试整理各个Con...
    SeeLee阅读 13,585评论 7 58
  • 周末被闺蜜Q小姐约出来喝下午茶,点单的男孩儿特别清秀,微笑之余还不忘把纸巾叠放托盘,细小的动作让我们不约想起一个人...
    素九艾阅读 948评论 0 14
  • 3月已经过去一半了,射手们已经是不是感到的很大的压力。因为之前曾经分析过,在2017年射手座的整体运势平淡中隐藏波...
    占卜大世界阅读 214评论 0 0