带删除按钮的EditText

在Android开发中，`EditText`是用户输入文本的常见组件，但有时候我们希望提供一个更加友好的用户界面，让用户能够方便地清除输入的内容。这就是"带删除按钮的EditText"的功能，它在输入框内右端添加了一个可点击的清除图标，用户点击这个图标就能快速清空输入的内容。 实现这种功能通常有两种方式：自定义视图和使用内置特性。 1. **自定义视图**： 自定义一个`EditText`子类，重写其`onDraw()`方法，在绘制文本的同时，根据文本内容判断是否需要显示删除按钮（通常是“×”符号）。当文本为空时，可以设置一个动画，如抖动，以提示用户输入。此外，还需要监听触摸事件，当用户点击删除按钮时触发清理文本的操作。 在代码中，你可能需要创建一个`Bitmap`作为删除按钮的图片资源，并在`onDraw()`方法中使用`canvas.drawBitmap()`绘制到`EditText`上。同时，你需要处理触摸事件，通过`setOnTouchListener()`为`EditText`设置监听器，判断点击位置是否在删除按钮范围内。 2. **使用内置特性**： 自Android 5.0 (API Level 21)起，`EditText`提供了`app:drawableRightCompat`或`android:drawableRight`属性，可以设置右侧的图标的资源。你可以将一个清除图标设置为该属性的值，然后监听`TextWatcher`来动态改变图标的可见性。当文本不为空时显示图标，为空时隐藏。同样，需要添加点击事件监听，以便用户点击图标时清除文本。 在`EditTextViewWithClearBtnDemo`这个示例项目中，开发者可能已经展示了如何实现这一功能。可能包括了创建自定义`EditText`子类、设置布局文件中的`EditText`属性、添加`TextWatcher`以及处理点击事件的代码。 以下是一个简单的示例代码片段，展示了如何在布局XML文件中设置带清除按钮的`EditText`： ```xml <EditText android:id="@+id/edit_text" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入内容..." android:drawableRight="@drawable/ic_clear" android:drawablePadding="8dp" app:drawableTint="#999999" /> ``` 在这里，`ic_clear`是一个包含清除图标的SVG或PNG资源。`drawableRight`属性用于设置右侧图标，`drawablePadding`控制图标与文本之间的间距，`drawableTint`用于设置图标的颜色。 在Java或Kotlin代码中，你可能需要以下操作： ```java EditText editText = findViewById(R.id.edit_text); editText.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) { if (s.length() > 0) { // 当文本不为空时显示清除图标 editText.setCompoundDrawablesRelativeWithIntrinsicBounds(0, 0, R.drawable.ic_clear, 0); } else { // 当文本为空时隐藏清除图标 editText.setCompoundDrawablesRelativeWithIntrinsicBounds(0, 0, 0, 0); // 添加抖动动画提示用户输入 shakeAnimation(editText); } } @Override public void afterTextChanged(Editable s) {} }); // 设置清除按钮的点击事件 editText.setOnTouchListener((v, event) -> { if (event.getAction() == MotionEvent.ACTION_UP && event.getX() > editText.getWidth() - editText.getPaddingRight()) { editText.setText(""); return true; } return false; }); ``` `shakeAnimation()`方法通常会使用`ObjectAnimator`创建一个简单的抖动动画，使得`EditText`在文本为空时产生视觉反馈。 "带删除按钮的EditText"是一个增强用户体验的实用功能，通过自定义视图或利用内置特性，开发者可以轻松地在Android应用中实现这一效果。在实际项目中，这种设计能够提高用户输入的效率和应用的易用性。