Android新手求助：动态表格EditText输入时实时计算面积并显示到TextView

作为Android新手，这个需求的核心其实是给输入框绑定文本变化监听，联动计算同一行的面积。我帮你梳理下具体实现思路和代码修改方向：

1. 先统一每一行的控件结构 #

建议单独写一个行布局文件row_item.xml，让每一行的结构更清晰：

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical">

    <!-- 序号 -->
    <TextView
        android:id="@+id/tv_serial"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:text="1"/>

    <!-- 宽度输入框 -->
    <EditText
        android:id="@+id/et_width"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:inputType="numberDecimal"
        android:hint="宽度"/>

    <!-- 长度输入框 -->
    <EditText
        android:id="@+id/et_length"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:inputType="numberDecimal"
        android:hint="长度"/>

    <!-- 面积显示 -->
    <TextView
        android:id="@+id/tv_area"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:text="0"/>
</TableRow>

2. 动态添加行时绑定监听逻辑 #

在Activity中，每次添加新行时，给当前行的宽度、长度输入框添加TextWatcher，让输入变化时自动触发面积计算：

// 获取你的表格容器（假设id是table_layout）
TableLayout tableLayout = findViewById(R.id.table_layout);

// 示例：循环添加5行，你可以根据需求调整行数或改为用户手动添加
for (int i = 0; i < 5; i++) {
    // 加载行布局
    TableRow row = (TableRow) LayoutInflater.from(this).inflate(R.layout.row_item, tableLayout, false);
    
    // 获取行内的所有控件
    TextView tvSerial = row.findViewById(R.id.tv_serial);
    EditText etWidth = row.findViewById(R.id.et_width);
    EditText etLength = row.findViewById(R.id.et_length);
    TextView tvArea = row.findViewById(R.id.tv_area);
    
    // 设置序号
    tvSerial.setText(String.valueOf(i + 1));
    
    // 创建通用的文本监听，绑定当前行的计算逻辑
    TextWatcher areaCalcWatcher = new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            // 触发当前行的面积计算
            calculateRowArea(etWidth, etLength, tvArea);
        }

        @Override
        public void afterTextChanged(Editable s) {}
    };
    
    // 给两个输入框都绑定这个监听
    etWidth.addTextChangedListener(areaCalcWatcher);
    etLength.addTextChangedListener(areaCalcWatcher);
    
    // 将行添加到表格中
    tableLayout.addView(row);
}

3. 实现核心的面积计算方法 #

这个方法要处理空输入、非数字输入的情况，避免程序崩溃：

private void calculateRowArea(EditText widthEt, EditText lengthEt, TextView areaTv) {
    String widthStr = widthEt.getText().toString().trim();
    String lengthStr = lengthEt.getText().toString().trim();
    
    // 空输入时显示0
    if (widthStr.isEmpty() || lengthStr.isEmpty()) {
        areaTv.setText("0");
        return;
    }
    
    try {
        // 转换为数值计算面积
        float width = Float.parseFloat(widthStr);
        float length = Float.parseFloat(lengthStr);
        float area = width * length;
        
        // 格式化显示，保留两位小数更美观
        areaTv.setText(String.format("%.2f", area));
    } catch (NumberFormatException e) {
        // 输入非数字时提示无效
        areaTv.setText("无效输入");
    }
}

4. 额外优化小技巧 #

• 给EditText设置inputType="numberDecimal"，限制只能输入数字和小数点，减少异常输入的情况。
• 如果需要支持整数计算，把代码里的Float改成Int即可。
• 若允许用户手动删除行，记得在删除时移除输入框的监听，避免内存泄漏（新手阶段可先忽略，优先实现核心功能）。

这样修改后，用户在任意一行输入宽度或长度时，第四列的面积就会实时更新啦！

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