如何获取EditText首行文本并将多行EditText首行设置为粗体

针对无硬换行、纯自动换行的多行EditText场景，无需拆分控件即可实现首行粗体效果，核心思路是通过系统提供的Layout类获取自动换行后的行信息，配合Spannable实现样式设置。

实现步骤 #

• 监听EditText的文本变化和布局变化：自动换行位置会随内容长度、控件宽度变化而改变，需要在变化时同步更新样式
• 获取Layout实例：调用EditText的getLayout()方法，该实例封装了控件自动换行计算后的所有行参数，无需自己处理换行逻辑
• 计算首行文本区间：通过layout.getLineStart(0)获取首行起始索引，layout.getLineEnd(0)获取首行结束索引，两个值的区间就是当前首行的文本范围
• 应用粗体样式：构造Spannable对象给对应区间设置粗体，设置时注意加标记位避免触发TextWatcher循环调用

核心代码示例 #

editText.addTextChangedListener(object : TextWatcher {
    private var isUpdating = false
    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) = Unit
    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) = Unit
    override fun afterTextChanged(s: Editable?) {
        if (isUpdating || s == null) {
            return
        }
        isUpdating = true
        val layout = editText.layout ?: run {
            isUpdating = false
            // 布局未计算完成时延迟重试
            editText.post { afterTextChanged(s) }
            return
        }
        // 清除旧的粗体样式
        s.getSpans(0, s.length, StyleSpan::class.java).forEach {
            s.removeSpan(it)
        }
        // 设置首行粗体
        s.setSpan(
            StyleSpan(Typeface.BOLD),
            layout.getLineStart(0),
            layout.getLineEnd(0),
            Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
        )
        isUpdating = false
    }
})

Java实现逻辑完全一致，仅语法不同。

备选方案 #

如果不需要保留EditText默认的文本选择、光标定位等交互，也可以自定义EditText重写onDraw方法，分别绘制首行粗体文本和其余行常规文本，但实现复杂度更高，非特殊场景优先使用上述Spannable方案。

内容的提问来源于stack exchange，提问作者Mr. Robot