如何在RecyclerView的TextView中实现长句与编号的缩进效果

方案1：自定义Span组合实现（无HTML依赖，性能最优） #

你之前单独使用LeadingMarginSpan.Standard、BulletSpan不符合预期的核心原因是没有做「编号占位宽度+段落缩进」的组合绑定，按如下逻辑实现即可满足对齐要求：

• 一级编号：给每段一级内容同时加缩进Span+编号绘制Span，首行编号固定占宽，后续行自动和首行编号后的文本对齐
• 二级编号：在一级缩进基础上叠加缩进值，编号绘制位置对应二级缩进起点，后续行和二级编号后的文本对齐

核心实现代码 #

自定义编号Span

class NumberSpan(
    private val number: Int,
    private val numberWidth: Int, // 编号固定占位宽度，避免编号位数不同导致错位
    private val textSize: Float,
    private val textColor: Int
) : ReplacementSpan() {
    override fun getSize(
        paint: Paint, text: CharSequence?, start: Int, end: Int, fm: Paint.FontMetricsInt?
    ): Int = numberWidth

    override fun draw(
        canvas: Canvas, text: CharSequence?, start: Int, end: Int,
        x: Float, top: Int, y: Int, bottom: Int, paint: Paint
    ) {
        val numberStr = "${number}."
        paint.color = textColor
        paint.textSize = textSize
        // 编号右对齐，统一占位宽度
        val strWidth = paint.measureText(numberStr)
        canvas.drawText(numberStr, x + numberWidth - strWidth, y.toFloat(), paint)
    }
}

多级文本组装工具方法

fun buildListSpannable(
    level1List: List<Pair<String, List<String>>>, // 结构：[一级文本: [二级文本列表]]
    context: Context
): SpannableStringBuilder {
    val ssb = SpannableStringBuilder()
    // 可自行调整缩进参数
    val level1Indent = dp2px(context, 24f)
    val level1NumberWidth = dp2px(context, 20f)
    val level2Indent = dp2px(context, 48f)
    val level2NumberWidth = dp2px(context, 24f)
    val textColor = ContextCompat.getColor(context, R.color.text_primary)
    val textSize = sp2px(context, 14f).toFloat()

    level1List.forEachIndexed { l1Index, (l1Text, l2List) ->
        // 拼接一级内容
        val l1Start = ssb.length
        ssb.append(l1Text).append("\n")
        // 绑定一级编号Span
        ssb.setSpan(
            NumberSpan(l1Index + 1, level1NumberWidth, textSize, textColor),
            l1Start, l1Start + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
        )
        // 绑定一级缩进Span
        ssb.setSpan(
            LeadingMarginSpan.Standard(level1Indent, 0),
            l1Start, ssb.length, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
        )

        // 拼接二级内容
        l2List.forEachIndexed { l2Index, l2Text ->
            val l2Start = ssb.length
            ssb.append(l2Text).append("\n")
            // 绑定二级编号Span
            ssb.setSpan(
                NumberSpan(l2Index + 1, level2NumberWidth, textSize, textColor),
                l2Start, l2Start + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
            )
            // 绑定二级缩进Span
            ssb.setSpan(
                LeadingMarginSpan.Standard(level2Indent, 0),
                l2Start, ssb.length, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
            )
        }
    }
    return ssb
}

// 单位转换工具
private fun dp2px(context: Context, dp: Float): Int = 
    TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, context.resources.displayMetrics).toInt()
private fun sp2px(context: Context, sp: Float): Int = 
    TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, sp, context.resources.displayMetrics).toInt()

strings.xml存储方案 #

固定文本可以按多级存为string-array，用特殊分隔符区分一级、二级内容，代码读取后拆分传入上述工具方法即可，无需硬编码文本。

方案2：修复Html.fromHtml列表渲染问题 #

如果你的内容本身是HTML格式，系统默认Html.fromHtml不支持ol/ul标签渲染，自定义TagHandler补全列表逻辑即可：

class HtmlListTagHandler(private val context: Context) : Html.TagHandler {
    private val listCounterStack = mutableListOf<Int>()
    private val indentPerLevel = dp2px(context, 24f)
    private val numberWidth = dp2px(context, 20f)
    private val textColor = ContextCompat.getColor(context, R.color.text_primary)
    private val textSize = sp2px(context, 14f).toFloat()

    override fun handleTag(opening: Boolean, tag: String, output: Editable, xmlReader: XMLReader) {
        when (tag.lowercase()) {
            "ol" -> if (opening) listCounterStack.add(1) else listCounterStack.removeLast()
            "li" -> {
                if (opening) {
                    val level = listCounterStack.size
                    val start = output.length
                    output.append(" ") // 占位符绑定Span
                    // 绑定缩进Span
                    output.setSpan(
                        LeadingMarginSpan.Standard(level * indentPerLevel, 0),
                        start, output.length, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
                    )
                    // 绑定编号Span
                    val currentNumber = listCounterStack.last()
                    output.setSpan(
                        NumberSpan(currentNumber, numberWidth, textSize, textColor),
                        start, start + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
                    )
                    listCounterStack[listCounterStack.lastIndex] = currentNumber + 1
                }
            }
        }
    }
}

调用方式：

val htmlContent = context.getString(R.string.your_html_text)
val spannable = Html.fromHtml(
    htmlContent, Html.FROM_HTML_MODE_COMPACT, null,
    HtmlListTagHandler(context)
)
textView.text = spannable

RecyclerView适配注意事项 #

• 不要给TextView设置singleLine、maxLines等限制换行的属性
• 长列表场景下将组装好的Spannable缓存到ViewModel中，不要在onBindViewHolder中重复生成，避免卡顿
• 如需实现无序列表样式，将NumberSpan替换为自定义的圆点绘制Span即可，缩进逻辑无需修改

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