Android ClickableSpan 去掉下划线

在 Android 开发中，我们经常会使用 ClickableSpan 来实现可点击的文本，比如在 TextView 中显示一段文字，其中的某个部分可以点击跳转到另一个页面或执行某个操作。但是默认情况下，ClickableSpan 点击文本会出现下划线，这可能不符合我们的设计需求。本文将介绍如何去掉 ClickableSpan 的下划线。

1. 使用自定义的 ClickableSpan

为了去掉下划线，我们可以自定义一个不显示下划线的 ClickableSpan ，具体步骤如下：

1.1 创建 NoUnderlineClickableSpan

首先创建一个继承自 ClickableSpan 的自定义类 NoUnderlineClickableSpan，重写其 updateDrawState 方法，将其下划线设置为透明：

public class NoUnderlineClickableSpan extends ClickableSpan {
    @Override
    public void updateDrawState(TextPaint ds) {
        super.updateDrawState(ds);
        ds.setUnderlineText(false);
    }

    @Override
    public void onClick(View widget) {
        // 处理点击事件
    }
}

1.2 使用 NoUnderlineClickableSpan

在需要设置可点击文本的地方，使用 NoUnderlineClickableSpan 替换原有的 ClickableSpan：

SpannableString spannableString = new SpannableString("点击这里可以跳转");
spannableString.setSpan(new NoUnderlineClickableSpan() {
    @Override
    public void onClick(View widget) {
        // 处理点击事件
    }
}, 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

textView.setText(spannableString);
textView.setMovementMethod(LinkMovementMethod.getInstance());

这样就可以实现去掉下划线的 ClickableSpan 了。

2. 关系图

erDiagram
    Text -- 1: contains
    ClickableSpan -- 1: extends
    NoUnderlineClickableSpan -- 1: extends

以上是 Text、ClickableSpan 和 NoUnderlineClickableSpan 之间的关系图。

3. 序列图

sequenceDiagram
    participant TextView
    participant NoUnderlineClickableSpan
    TextView ->> NoUnderlineClickableSpan: setSpan
    NoUnderlineClickableSpan ->> TextView: updateDrawState
    TextView ->> NoUnderlineClickableSpan: onClick

上述序列图展示了在 TextView 中使用 NoUnderlineClickableSpan 的过程。

结语

通过自定义 NoUnderlineClickableSpan ，我们成功地去掉了 ClickableSpan 的下划线，使得可点击文本更符合我们的设计需求。希望本文对你有所帮助，谢谢阅读！