TextView项目符号HTML缩进异常及显示问题求助（兼容API 18）

嘿，我来帮你搞定这两个TextView的问题，而且保证兼容到API 18哦～

你遇到的 显示下划线的问题，是因为它会被当成普通文本的一部分，如果TextView设置了全局下划线（比如通过textAppearance或者Spannable的下划线样式），它自然会被带上下划线。更优的解决方法是用**自定义BulletSpan**来控制项目符号和文本的间距，完全不需要用 ，而且API 18完全支持这个类。

具体实现步骤： #

1. 先写一个dp转px的工具方法（方便统一设置间距）：

fun dpToPx(dp: Int, context: Context): Int {
    return (dp * context.resources.displayMetrics.density).toInt()
}

2. 用SpannableString给每一行文本添加自定义BulletSpan，通过gapWidth参数设置项目符号到文本的缩进（比如8dp就相当于2个空格左右的效果）：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    val someText = findViewById<TextView>(R.id.someTextView)
    
    // 示例列表项
    val listItems = listOf(
        "第一个需要缩进的项目",
        "第二个项目，测试长文本换行后的缩进效果",
        "第三个项目"
    )
    
    // 拼接所有文本
    val contentBuilder = StringBuilder()
    listItems.forEach { item ->
        contentBuilder.append(item).append("\n")
    }
    val spannableContent = SpannableString(contentBuilder.toString())
    
    // 给每个列表项添加BulletSpan
    var startIndex = 0
    listItems.forEach { item ->
        val endIndex = startIndex + item.length
        // 自定义BulletSpan：设置项目符号半径、颜色，以及关键的gapWidth（缩进距离）
        val customBullet = BulletSpan(
            dpToPx(4, this), // 项目符号的大小（可选，默认是4dp左右）
            someText.currentTextColor, // 项目符号颜色和文本一致
            dpToPx(8, this) // 项目符号到文本的间距，这就是你要的缩进
        )
        spannableContent.setSpan(
            customBullet,
            startIndex,
            endIndex,
            Spanned.SPAN_INCLUSIVE_EXCLUSIVE
        )
        startIndex = endIndex + 1 // 跳过换行符
    }
    
    someText.text = spannableContent
}

这个方法完全避开了 ，自然不会有下划线的问题，而且缩进距离可以精确控制，兼容所有API 1+的版本，包括API 18。

这种情况不是正常现象，一般是因为项目符号的绘制空间不足导致的——比如TextView没有设置左侧内边距，项目符号被绘制到了TextView的可视区域之外，看起来就像缺了一部分像素。

解决方法： #

有两种简单的方式可以修复：

1. 给TextView设置左侧内边距：在布局文件里给TextView加android:paddingLeft="16dp"（数值可以根据你的需求调整），让项目符号有足够的绘制空间。
2. 配合LeadingMarginSpan添加全局左侧缩进：如果不想修改TextView的padding，可以给每个列表项添加LeadingMarginSpan，让整个行都有左侧缩进：

// 在添加BulletSpan的同时，添加LeadingMarginSpan
val leadingMargin = LeadingMarginSpan.Standard(dpToPx(16, this))
spannableContent.setSpan(
    leadingMargin,
    startIndex,
    endIndex,
    Spanned.SPAN_INCLUSIVE_EXCLUSIVE
)

这样项目符号会在缩进范围内绘制，就不会出现左侧被截断的问题了。

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