Android LinearLayout渲染时跳过指定分隔符子View技术问询

我完全懂你现在的困扰：用包含数字TextView和分隔符TextView的LinearLayout模拟EditText输入时，输入的字符会被分隔符的位置“占用”，导致得额外点击/输入一次才能让数字显示到正确位置。核心问题是你当前的渲染逻辑直接用容器的子View索引对应输入字符的索引，而分隔符View也占了一个索引位，导致字符分配错位了。

下面是具体的修复方案：

1. 提前收集所有可输入的数字TextView #

首先，我们需要把布局中所有的数字TextView单独收集起来，排除分隔符View，这样就能绕过分隔符的位置干扰。在初始化视图的阶段（比如onCreate或者自定义View的setup方法）执行这个操作：

private val digitTextViews = mutableListOf<TextView>()

private fun setupDigitViews() {
    val separatorText = getString(R.string.manualcode_item_separator)
    for (i in 0 until containerCodeDigits.childCount) {
        val itemContainer = containerCodeDigits.getChildAt(i)
        val textView = itemContainer.findViewById<TextView>(R.id.labelManualCodeItem)
        
        // 判断是否是数字输入View（非分隔符）
        if (textView.text.toString() != separatorText) {
            digitTextViews.add(textView)
            // 让数字View可以获取焦点，方便用户点击输入
            textView.isFocusable = true
            textView.isFocusableInTouchMode = true
        } else {
            // 禁止分隔符View获取焦点，避免用户点击后输入无效
            textView.isFocusable = false
            textView.isFocusableInTouchMode = false
        }
    }
}

2. 修改渲染逻辑，基于数字View列表分配字符 #

现在我们不再遍历容器的所有子View，而是直接遍历收集到的digitTextViews，用这个列表的索引来对应输入字符串的字符位置，这样就完全跳过分隔符的影响了：

private fun renderCode() {
    digitTextViews.forEachIndexed { index, textView ->
        // 按输入顺序给数字View赋值，索引一一对应，不会被分隔符干扰
        textView.text = if (inputtedText.length > index) {
            inputtedText[index].toString()
        } else {
            ""
        }
    }
}

3. 优化输入文本的过滤与限制（可选但推荐） #

为了确保输入的内容符合要求，我们可以在TextWatcher中过滤非数字字符，并且限制最大输入长度为数字View的数量：

private val textChangedListener = object : TextWatcher {
    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) {
        // 过滤非数字字符，限制最大输入长度为数字View的总数
        val maxInputLength = digitTextViews.size
        val filteredText = s.toString()
            .filter { it.isDigit() }
            .take(maxInputLength)
        
        // 如果过滤后的内容和原内容不同，更新EditText的文本
        if (filteredText != s.toString()) {
            s.replace(0, s.length, filteredText)
            return
        }
        
        inputtedText = filteredText.toEditable()
    }
}

4. 初始化时调用setup方法 #

记得在合适的时机调用setupDigitViews()，比如在onCreate中：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.your_layout)
    
    // 初始化视图后调用
    setupDigitViews()
    // 给EditText设置TextWatcher
    yourEditText.addTextChangedListener(textChangedListener)
}

这样修改后，输入的数字会直接按顺序填充到对应的数字TextView中，完全跳过分隔符的位置，用户输入时也不会出现需要点击两次的问题了。

内容的提问来源于stack exchange，提问作者P.Juni