Android中如何建立EditText与TextView的关联？含TableRow场景

嘿，我来帮你搞定这两个Android控件关联的问题！

所谓“关联”通常是指让两个控件产生交互联动，这里给你两种最常用的实现思路：

• 场景1：EditText文本变化时同步更新TextView

  1. 先在布局文件中给两个控件设置唯一ID：

     <EditText
         android:id="@+id/edit_text"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="输入内容同步到下方"/>
     
     <TextView
         android:id="@+id/text_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="等待同步..."/>
     

  2. 在Activity/Fragment中获取控件实例，并给EditText添加文本变化监听：

     val editText = findViewById<EditText>(R.id.edit_text)
     val textView = findViewById<TextView>(R.id.text_view)
     
     editText.addTextChangedListener(object : TextWatcher {
         override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
     
         override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
             // 实时把EditText的内容同步到TextView
             textView.text = s
         }
     
         override fun afterTextChanged(s: Editable?) {}
     })
     

• 场景2：点击EditText时触发TextView的操作
  如果只需要点击EditText时操作TextView（比如改提示、变样式），直接设置点击监听即可：

  editText.setOnClickListener {
      textView.text = "你点击了输入框！"
      textView.setTextColor(ContextCompat.getColor(this, R.color.orange))
  }
  

完全可以实现！先给你拆解问题：

点击EditText更改TextView颜色的实现思路 #

TableRow只是一个布局容器，里面的EditText和TextView是兄弟控件（共同父布局是TableRow），不影响关联逻辑，具体步骤：

1. 布局中定义带控件的TableRow：

   <TableLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content">
   
       <TableRow
           android:layout_width="match_parent"
           android:layout_height="wrap_content">
   
           <EditText
               android:id="@+id/tr_edit"
               android:layout_width="0dp"
               android:layout_weight="1"
               android:layout_height="wrap_content"
               android:hint="点我改右边文本颜色"/>
   
           <TextView
               android:id="@+id/tr_text"
               android:layout_width="0dp"
               android:layout_weight="1"
               android:layout_height="wrap_content"
               android:text="我是目标文本"/>
       </TableRow>
   </TableLayout>
   

2. 代码中绑定监听，点击时修改颜色：

   val trEditText = findViewById<EditText>(R.id.tr_edit)
   val trTextView = findViewById<TextView>(R.id.tr_text)
   
   trEditText.setOnClickListener {
       // 直接修改颜色，也可以做切换逻辑
       val targetColor = if (trTextView.currentTextColor == ContextCompat.getColor(this, R.color.black)) {
           ContextCompat.getColor(this, R.color.blue)
       } else {
           ContextCompat.getColor(this, R.color.black)
       }
       trTextView.setTextColor(targetColor)
   }
   

关于父子关系的说明 #

EditText和TextView在TableRow里是同级的兄弟节点，不能设置为父子关系——Android的视图层级规则里，每个View只能有一个直接父ViewGroup，而且EditText本身是TextView的子类，属于单一控件，不能作为容器容纳其他View，强行尝试会抛出IllegalStateException。

进阶优化（多TableRow场景） #

如果你的TableLayout有很多行，每行都有对应的EditText和TextView，可以通过遍历TableLayout的子View批量绑定：

val tableLayout = findViewById<TableLayout>(R.id.table_layout)
tableLayout.children.forEach { row ->
    if (row is TableRow) {
        val editText = row.findViewById<EditText>(R.id.tr_edit)
        val textView = row.findViewById<TextView>(R.id.tr_text)
        editText.setOnClickListener {
            textView.setTextColor(ContextCompat.getColor(this, R.color.green))
        }
    }
}

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