如何使用Span调整TextView中特定字符位置，实现箭头垂直居中

Android Studio的XML预览使用IDE内置的静态渲染引擎，和实际安卓设备/模拟器上的系统TextView渲染逻辑对特殊字符的基线对齐规则存在差异。箭头→属于特殊Unicode符号，系统默认渲染时会将其与文本基线对齐，不会自动适配周围文字的垂直居中位置，因此出现预览和运行效果不一致的情况。

方案1：自定义Spannable实现（代码侵入最小，推荐） #

可以通过Spannable实现箭头垂直居中，自定义MetricAffectingSpan调整箭头字符的垂直偏移量即可，代码示例如下：

val originalText = "Hello → world!!!"
val arrowPosition = originalText.indexOf("→")
val spannable = SpannableString(originalText)
// 自定义偏移Span，调整箭头垂直位置，偏移量可根据实际显示效果微调
val verticalOffsetSpan = object : MetricAffectingSpan() {
    override fun updateMeasureState(paint: TextPaint) {
        paint.baselineShift += (paint.descent() / 2).toInt()
    }
    override fun updateDrawState(paint: TextPaint) {
        paint.baselineShift += (paint.descent() / 2).toInt()
    }
}
spannable.setSpan(
    verticalOffsetSpan,
    arrowPosition,
    arrowPosition + 1,
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
)
textView.text = spannable

如果文本中存在多个箭头，可遍历匹配所有→字符批量设置Span即可。

方案2：使用ImageSpan替换箭头（效果最稳定） #

如果希望完全规避不同系统、不同字体的字符渲染差异，可以将箭头切为对应尺寸的drawable资源，用ImageSpan替换文本中的箭头，设置drawable居中对齐：

val drawable = ContextCompat.getDrawable(context, R.drawable.ic_arrow_right)
drawable?.setBounds(0, 0, drawable.intrinsicWidth, drawable.intrinsicHeight)
val imageSpan = ImageSpan(drawable, ImageSpan.ALIGN_CENTER)
spannable.setSpan(imageSpan, arrowPosition, arrowPosition + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

方案3：XML配置优化（无需写代码，适配范围有限） #

如果不想写业务逻辑代码，可以先尝试在TextView的XML配置中添加如下属性，大概率能缓解对齐问题：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello → world!!!"
    android:includeFontPadding="false"
    android:fontFamily="sans-serif" />

指定统一的系统字体、关闭默认字体padding可以减少不同字体对特殊符号的渲染差异。

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