Android中如何在多行TextView末尾添加自定义View（非图片）

问题场景 #

需要在Android多行TextView的末尾添加一个继承自View的自定义View（例如带三点加载动画的动态View），目前已掌握通过SpannableString结合ImageSpan添加静态图片的方法，但不清楚如何添加自定义View。

解决方案 #

方法一：静态自定义View（无动画）—— 转Drawable后用ImageSpan #

如果自定义View不需要动态效果，可先将其渲染为Bitmap，再包装成BitmapDrawable，复用你熟悉的ImageSpan逻辑添加到文本末尾。

代码实现：

fun addStaticCustomViewToTextEnd(text: String, customView: View, context: Context): SpannableStringBuilder {
    // 测量自定义View的尺寸
    customView.measure(
        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
    )
    customView.layout(0, 0, customView.measuredWidth, customView.measuredHeight)
    
    // 将View绘制到Bitmap
    val bitmap = Bitmap.createBitmap(
        customView.measuredWidth,
        customView.measuredHeight,
        Bitmap.Config.ARGB_8888
    )
    val canvas = Canvas(bitmap)
    customView.draw(canvas)
    
    // 转为Drawable并创建Span
    val drawable = BitmapDrawable(context.resources, bitmap)
    drawable.setBounds(0, 0, customView.measuredWidth, customView.measuredHeight)
    val viewSpan = ImageSpan(drawable, ImageSpan.ALIGN_BASELINE)
    
    val ssBuilder = SpannableStringBuilder(text)
    // 添加一个占位空格来承载Span（避免覆盖原有文本）
    ssBuilder.append(" ")
    ssBuilder.setSpan(
        viewSpan,
        ssBuilder.length - 1,
        ssBuilder.length,
        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
    )
    
    return ssBuilder
}

方法二：动态自定义View（带动画）—— 自定义ReplacementSpan #

如果自定义View需要保留动画效果（比如加载动画），需要自定义ReplacementSpan，直接在Span的draw方法中绘制View，同时处理View的动态刷新。

自定义Span类

class AnimatedCustomViewSpan(private val customView: View) : ReplacementSpan() {
    init {
        // 初始化View布局参数
        customView.layoutParams = ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.WRAP_CONTENT,
            ViewGroup.LayoutParams.WRAP_CONTENT
        )
    }

    override fun getSize(
        paint: Paint,
        text: CharSequence?,
        start: Int,
        end: Int,
        fm: Paint.FontMetricsInt?
    ): Int {
        // 测量View宽度，作为Span的占用宽度
        customView.measure(
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
        )
        // 对齐文本基线，避免View上下偏移
        fm?.run {
            val viewHalfHeight = customView.measuredHeight / 2
            ascent = -viewHalfHeight
            descent = viewHalfHeight
            top = ascent
            bottom = descent
        }
        return customView.measuredWidth
    }

    override fun draw(
        canvas: Canvas,
        text: CharSequence?,
        start: Int,
        end: Int,
        x: Float,
        top: Int,
        y: Int,
        bottom: Int,
        paint: Paint
    ) {
        // 保存画布状态，绘制后恢复
        canvas.save()
        // 计算View的Y坐标，与文本基线对齐
        val viewY = y - customView.measuredHeight / 2
        canvas.translate(x, viewY)
        customView.draw(canvas)
        canvas.restore()

        // 触发View的动画刷新
        if (!customView.isShown) {
            customView.visibility = View.VISIBLE
            customView.postInvalidate()
        }
    }
}

使用自定义Span

fun addAnimatedCustomViewToText(text: String, customView: View): SpannableStringBuilder {
    val ssBuilder = SpannableStringBuilder(text)
    // 添加占位空格承载Span
    ssBuilder.append(" ")
    val customSpan = AnimatedCustomViewSpan(customView)
    ssBuilder.setSpan(
        customSpan,
        ssBuilder.length - 1,
        ssBuilder.length,
        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
    )
    return ssBuilder
}

注意事项 #

1. 动态View场景下，需手动管理自定义View的生命周期，避免内存泄漏（比如在TextView销毁时调用customView.destroyDrawingCache()）
2. 如果动画不生效，可尝试给自定义View添加addOnLayoutChangeListener，在布局变化时触发刷新
3. 占位字符（空格）可根据需求调整，也可以用其他不显示的字符替代

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