自定义ClearEditText：实现Android输入框清除功能

"在Android开发中，经常需要实现类似iOS的输入框清除功能，即在EditText右侧添加一个可点击的清除图标，以便用户能快速清空输入内容。本文将详细介绍如何自定义一个名为ClearEditText的控件来实现这一特性。" 在Android系统中，原生的EditText控件并未提供直接设置清除按钮的功能，因此我们需要通过重写EditText来实现这一功能。首先，我们可以利用`android:drawableRight`属性在输入框的右侧添加一个图标，通常是删除图标的资源。例如： ```xml <EditText android:id="@+id/edit_text" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入内容" android:drawableRight="@drawable/ic_clear" /> ``` 这里的`ic_clear`是删除图标的资源ID。然而，Android并不直接支持为这个图标添加点击事件。为了解决这个问题，我们需要在Java代码中进行处理。 创建一个自定义的ClearEditText类，继承自EditText，并重写`onTouchEvent()`方法来模拟点击事件。当用户手指抬起时，如果触碰位置在清除图标区域内，我们就认为用户点击了清除按钮。代码示例如下： ```java public class ClearEditText extends androidx.appcompat.widget.AppCompatEditText { private Drawable mClearDrawable; private boolean mHasFocus; public ClearEditText(Context context) { super(context); init(); } public ClearEditText(Context context, AttributeSet attrs) { super(context, attrs); init(); } public ClearEditText(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { // 获取清除图标 mClearDrawable = getCompoundDrawables()[2]; if (mClearDrawable != null) { // 设置清除图标的大小与输入框宽度相匹配 int size = (int) getTextSize(); mClearDrawable.setBounds(0, 0, size, size); setClearIconVisible(false); } } @Override public boolean onTouchEvent(MotionEvent event) { if (mClearDrawable != null && isFocused()) { int x = (int) event.getX(); int width = getWidth() - getPaddingRight(); if (x > width - mClearDrawable.getIntrinsicWidth()) { // 清除内容并隐藏图标 setText(""); setClearIconVisible(false); return true; } } return super.onTouchEvent(event); } // 其他辅助方法，如设置清除图标的可见性等 } ``` 在`onTouchEvent()`方法中，我们检查了当前输入框是否获取了焦点（`isFocused()`），并且判断触摸位置是否在清除图标区域内。如果是，则清空输入框内容并隐藏清除图标。 此外，为了使清除图标随着输入内容的变化而显示或隐藏，我们还需要监听文本变化，例如： ```java 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) { setClearIconVisible(s.length() > 0); } }); ``` 同时，我们还需要在焦点改变时调整清除图标的可见性： ```java setOnFocusChangeListener(new OnFocusChangeListener() { @Override public void onFocusChange(View v, boolean hasFocus) { mHasFocus = hasFocus; setClearIconVisible(hasFocus && !getText().toString().isEmpty()); } }); ``` 通过以上步骤，我们成功地在Android的EditText上实现了与iOS类似的清除功能。这个自定义的ClearEditText控件可以在项目中复用，提高开发效率。