如何在Android Studio中实现输入时实时显示文本及自动计算结果？

当然可以搞定这两个需求！这其实是Android开发中很常见的实时文本监听场景，我给你一步步拆解实现过程，不管用Kotlin还是Java都能轻松搞定～

第一步：编写布局文件 #

首先我们需要在布局里放三个核心控件：

• 一个EditText用来接收用户输入
• 一个TextView用来实时显示输入的文本（对应你的第一个需求）
• 另一个TextView用来展示数字乘以20后的计算结果（对应第二个需求）

这里用ConstraintLayout做排版，代码示例如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:padding="16dp">

    <!-- 用户输入框 -->
    <EditText
        android:id="@+id/inputEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入文本或数字"
        android:inputType="text"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- 实时显示输入内容 -->
    <TextView
        android:id="@+id/showInputTextView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="输入的内容："
        android:textSize="16sp"
        app:layout_constraintTop_toBottomOf="@id/inputEditText" />

    <!-- 显示数字计算结果 -->
    <TextView
        android:id="@+id/calculateResultTextView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="计算结果："
        android:textSize="16sp"
        android:textColor="@color/teal_700"
        app:layout_constraintTop_toBottomOf="@id/showInputTextView" />

</androidx.constraintlayout.widget.ConstraintLayout>

第二步：编写逻辑代码（Kotlin版） #

核心是给EditText设置TextWatcher监听，它能实时捕捉文本的变化，我们在回调里处理两个需求：

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.text.Editable
import android.text.TextWatcher
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 给输入框添加文本变化监听
        inputEditText.addTextChangedListener(object : TextWatcher {
            // 文本变化前的回调（这里用不上，留空即可）
            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

            // 文本变化中的回调（可选，也可以用afterTextChanged）
            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}

            // 文本变化完成后的回调（主要处理逻辑的地方）
            override fun afterTextChanged(s: Editable?) {
                val inputContent = s.toString().trim()

                // 需求1：实时同步显示输入的文本
                showInputTextView.text = "输入的内容：$inputContent"

                // 需求2：判断输入是否为数字，是则计算乘以20的结果
                try {
                    val number = inputContent.toDouble()
                    val result = number * 20
                    // 保留两位小数展示结果，更友好
                    calculateResultTextView.text = "计算结果：${String.format("%.2f", result)}"
                } catch (e: NumberFormatException) {
                    // 输入不是有效数字时提示用户
                    calculateResultTextView.text = "计算结果：请输入有效数字"
                }
            }
        })
    }
}

如果你用Java的话，逻辑完全一致，代码示例如下： #

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        EditText inputEditText = findViewById(R.id.inputEditText);
        TextView showInputTextView = findViewById(R.id.showInputTextView);
        TextView calculateResultTextView = findViewById(R.id.calculateResultTextView);

        inputEditText.addTextChangedListener(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) {}

            @Override
            public void afterTextChanged(Editable s) {
                String inputContent = s.toString().trim();
                // 实时显示输入内容
                showInputTextView.setText("输入的内容：" + inputContent);
                // 处理数字计算逻辑
                try {
                    double number = Double.parseDouble(inputContent);
                    double result = number * 20;
                    calculateResultTextView.setText(String.format("计算结果：%.2f", result));
                } catch (NumberFormatException e) {
                    calculateResultTextView.setText("计算结果：请输入有效数字");
                }
            }
        });
    }
}

一些实用小提示 #

• 如果只想让用户输入数字，可以把EditText的inputType改成numberDecimal，软键盘会自动切换成数字键盘
• 若只需要整数计算，把toDouble()/Double.parseDouble()改成toInt()/Integer.parseInt()即可
• 可以给计算结果的TextView设置不同颜色或字号，让结果更醒目

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