如何在Android中实现幂次（上标）等指定格式的文本显示效果

方案1：使用Html标签快速实现 #

适合简单场景，直接用<sup>标签包裹上标内容即可，注意适配不同Android系统版本：

String content = "100m³ 或 x² + y² = z²";
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
    textView.setText(Html.fromHtml(content, Html.FROM_HTML_MODE_LEGACY));
} else {
    // 7.0以下版本无需传入flag参数
    textView.setText(Html.fromHtml(content));
}

也可以直接在strings.xml中定义带标签的文本，系统会自动解析样式：

<string name="volume_unit">m<sup>3</sup></string>

方案2：使用SuperscriptSpan自定义样式 #

适合需要调整上标大小、偏移位置的精细化需求，性能比Html解析更高：

// 示例：实现x³效果
SpannableString spannableStr = new SpannableString("x3");
// 设置上标效果
spannableStr.setSpan(new SuperscriptSpan(), 1, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
// 调整上标字号为正常文本的70%
spannableStr.setSpan(new RelativeSizeSpan(0.7f), 1, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spannableStr);

如果默认上标偏移高度不符合需求，可以自定义Span调整偏移量：

public class CustomSuperscriptSpan extends SuperscriptSpan {
    // 上标字号缩放比例
    private final float sizeScale;
    // 上标向上偏移的dp值
    private final int shiftDp;

    public CustomSuperscriptSpan(float sizeScale, int shiftDp) {
        this.sizeScale = sizeScale;
        this.shiftDp = shiftDp;
    }

    @Override
    public void updateDrawState(TextPaint tp) {
        super.updateDrawState(tp);
        float scaleSize = tp.getTextSize() * sizeScale;
        tp.setTextSize(scaleSize);
        // 计算偏移像素值
        int shiftPx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, shiftDp, Resources.getSystem().getDisplayMetrics());
        tp.baselineShift += shiftPx;
    }

    @Override
    public void updateMeasureState(TextPaint tp) {
        super.updateMeasureState(tp);
        float scaleSize = tp.getTextSize() * sizeScale;
        tp.setTextSize(scaleSize);
        int shiftPx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, shiftDp, Resources.getSystem().getDisplayMetrics());
        tp.baselineShift += shiftPx;
    }
}

常见不生效问题排查 #

• Android 7.0及以上版本使用Html.fromHtml未传入Html.FROM_HTML_MODE_LEGACY参数导致标签不解析
• 设置Span时起止下标错误，或者调用setText时误将Spannable对象转为String导致样式丢失
• 使用的自定义字体本身不支持上标渲染，可切换系统默认字体验证
• 部分三方富文本控件默认关闭了Html标签解析，需要手动开启对应配置

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