TextView链接下划线异常：下划线覆盖链接前空格字符原因排查

这个问题我之前做项目时也碰到过，大概率是这两个原因导致的：

• 字符串资源里的链接标签不小心把前置空格包含进去了
• 系统默认的URLSpan下划线绘制逻辑，会把整个Span范围内的区域都画上下划线，哪怕包含空格

下面给你分步解决的办法：

第一步：检查并修正字符串资源格式 #

先打开res/values/strings.xml，看看register_terms的定义是不是类似这样：

<string name="register_terms">By registering, you agree to our <a href="terms"> Terms of Service</a> and <a href="privacy"> Data Policy</a></string>

注意看<a>标签里的文本开头有个空格！这就会导致系统把这个空格也当成链接的一部分，下划线自然就会延伸到空格区域，看起来就像碰到了前面的字符。

修正方法：把<a>标签里的前置空格移到标签外面，比如改成这样：

<string name="register_terms">By registering, you agree to our <a href="terms">Terms of Service</a> and <a href="privacy">Data Policy</a></string>

如果确实需要空格分隔，就把空格放在<a>标签的前面：

<string name="register_terms">By registering, you agree to our <a href="terms">Terms of Service</a> and <a href="privacy">Data Policy</a></string>

这样空格就不属于链接Span的范围，下划线就不会覆盖到空格区域了。

第二步：字符串格式没问题？自定义URLSpan调整下划线 #

如果字符串里的空格确实不在<a>标签内，但下划线还是延伸到了空格，那就是系统默认URLSpan的绘制逻辑问题——它会给整个Span范围（包括可能被误包含的空格）画下划线。这时候我们可以自定义URLSpan，手动控制下划线的范围：

1. 自定义CustomURLSpan类 #

import android.text.TextPaint;
import android.text.style.URLSpan;

public class CustomURLSpan extends URLSpan {
    public CustomURLSpan(String url) {
        super(url);
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        super.updateDrawState(ds);
        // 先关闭系统默认的下划线
        ds.setUnderlineText(false);
    }
}

2. 调整Span范围，排除前置空格 #

在设置TextView文本时，解析Html后手动修正每个URLSpan的范围，把前面的空格排除在外：

TextView textView = findViewById(R.id.textView);
SpannableStringBuilder spannable = (SpannableStringBuilder) Html.fromHtml(getString(R.string.register_terms));

// 获取所有URLSpan
URLSpan[] spans = spannable.getSpans(0, spannable.length(), URLSpan.class);
for (URLSpan span : spans) {
    int start = spannable.getSpanStart(span);
    // 跳过起始位置的所有空格
    while (start < spannable.length() && Character.isWhitespace(spannable.charAt(start))) {
        start++;
    }
    int end = spannable.getSpanEnd(span);
    
    // 移除原Span，添加自定义Span，范围从跳过空格后的位置开始
    spannable.removeSpan(span);
    spannable.setSpan(new CustomURLSpan(span.getURL()), start, end, spannable.getSpanFlags(span));
}

// 设置链接点击逻辑
textView.setMovementMethod(LinkMovementMethod.getInstance());
textView.setText(spannable);

如果还是想要下划线，只是不想让它延伸到空格，可以在CustomURLSpan里重写绘制逻辑，只在实际文本的下方绘制下划线，不过上面的方法已经能解决大部分场景的问题了。

内容的提问来源于stack exchange，提问作者passatgt