EditText边框修改求助：输入重复值时边框短暂显示后消失

嘿，我来帮你搞定这个需求！要实现“当一个EditText输入和另一个相同时，边框显示一段时间后自动消失”，咱们可以分这几步来做：

核心思路 #

• 监听两个EditText的文本变化
• 检测到内容重复时，给目标EditText加上提示边框
• 用延迟任务自动恢复原来的边框样式，避免一直显示

具体实现步骤 #

1. 准备边框样式文件 #

首先在res/drawable下创建两个drawable文件：

• border_normal.xml：EditText的默认边框样式

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:width="1dp" android:color="#CCCCCC" />
    <corners android:radius="4dp" />
    <padding android:left="8dp" android:top="8dp" android:right="8dp" android:bottom="8dp" />
</shape>

• border_highlight.xml：重复输入时显示的提示边框

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:width="2dp" android:color="#FF4081" /> <!-- 粉色高亮边框，可自定义颜色 -->
    <corners android:radius="4dp" />
    <padding android:left="8dp" android:top="8dp" android:right="8dp" android:bottom="8dp" />
</shape>

2. 给EditText设置监听和逻辑处理 #

这里提供Kotlin和Java两种写法，你可以按需选用：

Kotlin 版本

import android.os.Bundle
import android.os.Handler
import android.os.Looper
import android.widget.EditText
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    private lateinit var etFirst: EditText
    private lateinit var etSecond: EditText
    private val handler = Handler(Looper.getMainLooper())
    private var highlightRunnable: Runnable? = null

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

        etFirst = findViewById(R.id.et_first)
        etSecond = findViewById(R.id.et_second)

        // 给两个EditText绑定文本变化监听
        etFirst.addTextChangedListener(textWatcher)
        etSecond.addTextChangedListener(textWatcher)
    }

    private val textWatcher = object : android.text.TextWatcher {
        override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

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

        override fun afterTextChanged(s: android.text.Editable?) {}
    }

    private fun checkDuplicateInput() {
        val firstText = etFirst.text.toString().trim()
        val secondText = etSecond.text.toString().trim()

        // 先取消之前的延迟任务，避免重复触发时多个任务冲突
        highlightRunnable?.let { handler.removeCallbacks(it) }

        if (firstText.isNotEmpty() && firstText == secondText) {
            // 给第二个EditText设置高亮边框
            etSecond.setBackgroundResource(R.drawable.border_highlight)

            // 2秒后恢复默认边框，时间可自行调整
            highlightRunnable = Runnable {
                etSecond.setBackgroundResource(R.drawable.border_normal)
            }
            handler.postDelayed(highlightRunnable!!, 2000)
        } else {
            // 内容不重复时直接恢复默认边框
            etSecond.setBackgroundResource(R.drawable.border_normal)
        }
    }

    override fun onDestroy() {
        super.onDestroy()
        // 页面销毁时移除未执行的任务，防止内存泄漏
        highlightRunnable?.let { handler.removeCallbacks(it) }
    }
}

Java 版本

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

public class MainActivity extends AppCompatActivity {
    private EditText etFirst, etSecond;
    private Handler handler = new Handler(Looper.getMainLooper());
    private Runnable highlightRunnable;

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

        etFirst = findViewById(R.id.et_first);
        etSecond = findViewById(R.id.et_second);

        etFirst.addTextChangedListener(textWatcher);
        etSecond.addTextChangedListener(textWatcher);
    }

    private TextWatcher textWatcher = 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) {
            checkDuplicateInput();
        }

        @Override
        public void afterTextChanged(Editable s) {}
    };

    private void checkDuplicateInput() {
        String firstText = etFirst.getText().toString().trim();
        String secondText = etSecond.getText().toString().trim();

        // 取消之前的延迟任务
        if (highlightRunnable != null) {
            handler.removeCallbacks(highlightRunnable);
        }

        if (!firstText.isEmpty() && firstText.equals(secondText)) {
            etSecond.setBackgroundResource(R.drawable.border_highlight);

            // 延迟2秒恢复默认边框
            highlightRunnable = () -> etSecond.setBackgroundResource(R.drawable.border_normal);
            handler.postDelayed(highlightRunnable, 2000);
        } else {
            etSecond.setBackgroundResource(R.drawable.border_normal);
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (highlightRunnable != null) {
            handler.removeCallbacks(highlightRunnable);
        }
    }
}

3. 布局文件参考 #

你的布局文件只要包含两个EditText即可，示例如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    android:gap="16dp">

    <EditText
        android:id="@+id/et_first"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="输入第一个内容"
        android:background="@drawable/border_normal"/>

    <EditText
        android:id="@+id/et_second"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="输入第二个内容"
        android:background="@drawable/border_normal"/>

</LinearLayout>

关键细节说明 #

• 取消重复任务：每次检测文本变化时，先移除之前的延迟任务，避免用户多次输入重复内容时，多个任务同时执行导致边框闪烁。
• 内存泄漏防护：在页面销毁时移除未执行的Runnable，防止Handler持有Activity引用导致内存泄漏。
• 自定义样式：你可以修改border_highlight.xml里的颜色、边框宽度，让提示样式更贴合你的App设计。

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