Android TextView如何实现$、%等符号置于文本上方

我给你几个可行的方案，你可以根据自己的需求选择：

方法1：利用HTML的<sup>标签（适配你现有代码风格） #

你之前已经在用Html.fromHtml实现加粗，直接加上上标标签<sup>就能把$放到价格上方，同时保留/Month的加粗效果。注意适配不同Android版本的API差异：

// 构建带格式的HTML文本，<sup>让$变成上标，<b>保留/Month的加粗
String formattedText = "<sup>$</sup>0.99<b>/Month</b>";

// 适配Android N及以上版本的Html.fromHtml参数
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
    month_txt.setText(Html.fromHtml(formattedText, Html.FROM_HTML_MODE_LEGACY));
} else {
    month_txt.setText(Html.fromHtml(formattedText));
}

方法2：使用SpannableString（更灵活的文本样式控制） #

如果需要动态修改价格或符号，SpannableString是更好的选择，它能精准控制每个字符的样式：

SpannableString spannableContent = new SpannableString("$0.99/Month");

// 把第0到1个字符（也就是$）设置为上标
spannableContent.setSpan(
    new SuperscriptSpan(),
    0,
    1,
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
);

// 把第5到11个字符（/Month）设置为加粗
spannableContent.setSpan(
    new StyleSpan(Typeface.BOLD),
    5,
    11,
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
);

month_txt.setText(spannableContent);

方法3：使用复合布局（最精准的位置控制） #

如果对$的大小、位置有更精细的要求（比如想让$字号更小、调整和价格的间距），可以用多个TextView组合布局：

<!-- 用ConstraintLayout组合控件，实现精准对齐 -->
<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp">

    <!-- 显示$的TextView，设置更小字号，放在价格上方 -->
    <TextView
        android:id="@+id/currency_symbol"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/roboto_medium"
        android:text="$"
        android:textSize="16sp"
        app:layout_constraintLeft_toLeftOf="@id/price_value"
        app:layout_constraintBottom_toTopOf="@id/price_value"/>

    <!-- 显示价格数字的TextView -->
    <TextView
        android:id="@+id/price_value"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/roboto_medium"
        android:text="0.99"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <!-- 显示/Month的TextView，设置加粗 -->
    <TextView
        android:id="@+id/month_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:fontFamily="@font/roboto_medium"
        android:text="/Month"
        android:textSize="24sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/price_value"
        app:layout_constraintBottom_toBottomOf="@id/price_value"/>
</androidx.constraintlayout.widget.ConstraintLayout>

各方法对比 #

• HTML方法：最快捷，适合静态文本，和你现有代码兼容度高，但样式调整灵活性有限。
• SpannableString方法：动态内容首选，能精准控制每个字符的样式，不需要额外布局。
• 复合布局方法：样式和位置控制最精细，适合对UI细节要求高的场景，但需要多写一些布局代码。

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