MVVM+ObservableField下，EditText用afterTextChanged时固定光标至文本末尾

嘿，我之前也踩过这个坑！在MVVM架构下用ObservableField处理EditText文本时，修改文本后光标默认回到开头确实很烦人。核心原因是当你重新给EditText赋值（不管是通过ObservableField绑定还是直接setText），系统会重置光标位置到文本起始处。下面给你几个实用的解决办法：

方法一：在TextWatcher中手动保存并恢复光标位置 #

这是最直接的方案，在afterTextChanged里处理文本的同时，保存光标位置，修改完成后再把光标移到正确的位置，还要注意避免无限循环：

binding.etInput.addTextChangedListener(object : TextWatcher {
    // 标记是否正在更新文本，防止setText触发循环回调
    private var isUpdating = false

    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}

    override fun afterTextChanged(s: Editable?) {
        if (isUpdating || s.isNullOrEmpty()) return
        
        isUpdating = true
        
        // 这里替换成你的文本处理逻辑（比如添加千分位逗号）
        val originalText = s.toString()
        val processedText = addCommasToNumber(originalText)
        
        // 保存修改前的光标位置
        val originalCursorPos = binding.etInput.selectionEnd
        // 计算新光标位置：考虑处理后文本的长度变化
        val lengthDiff = processedText.length - originalText.length
        val newCursorPos = originalCursorPos + lengthDiff
        
        // 更新文本并设置光标
        binding.etInput.setText(processedText)
        // 确保光标不超出文本长度
        binding.etInput.setSelection(Math.min(newCursorPos, processedText.length))
        
        isUpdating = false
    }
})

// 示例：给数字添加千分位逗号的工具方法
private fun addCommasToNumber(text: String): String {
    return text.replace(",", "").reversed()
        .chunked(3)
        .joinToString(",")
        .reversed()
}

关键细节： #

• isUpdating标记必须加：因为setText会再次触发TextWatcher，不加的话会陷入无限循环，导致APP崩溃。
• 光标位置计算：要考虑处理前后文本的长度差（比如添加了几个逗号），这样光标才能保持在用户输入的相对位置末尾。

方法二：结合ObservableField的监听处理 #

如果你希望文本逻辑放在ViewModel里，可以通过监听ObservableField的变化，在View层处理光标：

// ViewModel中的ObservableField
val inputText = ObservableField<String>("")

// Activity/Fragment初始化时绑定监听
viewModel.inputText.addOnPropertyChangedCallback(object : Observable.OnPropertyChangedCallback() {
    override fun onPropertyChanged(sender: Observable?, propertyId: Int) {
        val newText = viewModel.inputText.get() ?: ""
        val currentText = binding.etInput.text.toString()
        
        // 只有当文本真正变化时才更新，避免重复操作
        if (newText != currentText) {
            val cursorPos = binding.etInput.selectionEnd
            val lengthDiff = newText.length - currentText.length
            
            binding.etInput.setText(newText)
            binding.etInput.setSelection(Math.min(cursorPos + lengthDiff, newText.length))
        }
    }
})

这种方式适合ViewModel需要主动修改文本的场景，但要注意避免和TextWatcher的逻辑冲突。

方法三：自定义EditText封装逻辑 #

如果多个页面都需要这个功能，可以自定义一个EditText，把添加逗号和光标处理的逻辑封装进去，复用性更强：

class CommaEditText @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : AppCompatEditText(context, attrs, defStyleAttr) {

    private val textWatcher = object : TextWatcher {
        private var isUpdating = false

        override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

        override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}

        override fun afterTextChanged(s: Editable?) {
            if (isUpdating || s.isNullOrEmpty()) return
            isUpdating = true
            
            val processedText = addCommasToNumber(s.toString())
            val cursorPos = selectionEnd
            val lengthDiff = processedText.length - s.length
            
            setText(processedText)
            setSelection(Math.min(cursorPos + lengthDiff, processedText.length))
            
            isUpdating = false
        }
    }

    init {
        addTextChangedListener(textWatcher)
    }

    private fun addCommasToNumber(text: String): String {
        return text.replace(",", "").reversed()
            .chunked(3)
            .joinToString(",")
            .reversed()
    }
}

然后在XML里直接使用这个自定义View即可，不用再重复写TextWatcher逻辑。

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