Android Studio(Java)中如何为文本添加上划线？实现平方根显示

你遇到的问题很常见——用Html.fromHtml只能显示根号符号，但没法给根号下的变量添加上划线（也就是覆盖线）。这里有两种可靠的解决方法，你可以根据需求选择：

方法1：改进HTML文本（简单快捷） #

Android的Html.fromHtml支持内联CSS样式，你可以用text-decoration: overline来给变量x添加上划线。注意要兼容不同Android版本的API：

// 拼接带样式的HTML内容
String sqrtContent = "&#x221A;<span style='text-decoration: overline;'>" + x + "</span>";

// 兼容Android N及以上版本
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
    yourTextView.setText(Html.fromHtml(sqrtContent, Html.FROM_HTML_MODE_COMPACT));
} else {
    yourTextView.setText(Html.fromHtml(sqrtContent));
}

这种方法的优势是代码量少，不需要额外自定义类，适合快速实现需求。

方法2：自定义Span（灵活可控） #

如果需要更精细的样式控制（比如调整上划线的颜色、粗细），可以用Android的SpannableString配合自定义Span来实现：

首先创建一个自定义的OverlineSpan类，负责绘制上划线：

public class OverlineSpan extends ReplacementSpan {
    @Override
    public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
        // 返回文本的宽度
        return (int) paint.measureText(text, start, end);
    }

    @Override
    public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
        // 先绘制原本的文本
        canvas.drawText(text, start, end, x, y, paint);
        
        // 计算上划线的位置和宽度，绘制上划线
        float textWidth = paint.measureText(text, start, end);
        // 把上划线放在文本顶部上方，调整这个值可以改变线的位置
        float lineY = top + paint.getFontMetrics().ascent + 2;
        canvas.drawLine(x, lineY, x + textWidth, lineY, paint);
    }
}

然后在代码中使用这个Span：

// 拼接完整的平方根文本
String fullText = "√" + x;
SpannableString spannableText = new SpannableString(fullText);

// 给根号后的变量部分添加上划线（索引1到末尾，因为索引0是根号符号）
spannableText.setSpan(new OverlineSpan(), 1, fullText.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置到TextView
yourTextView.setText(spannableText);

这种方法的好处是你可以自由调整上划线的样式，比如修改paint.setColor()、paint.setStrokeWidth()来改变线的颜色和粗细，完全不受HTML标签的限制。

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