Android仿微信带清除功能的输入框ClearEditText的实现

最新推荐文章于 2021-05-26 17:26:29 发布

IT_wuping

最新推荐文章于 2021-05-26 17:26:29 发布

阅读量2k

点赞数

分类专栏： Android 文章标签： Android ClearEditText 仿微信清除内容

本文链接：https://blog.youkuaiyun.com/u013220682/article/details/50962978

版权

本文介绍如何在Android中实现类似微信的ClearEditText，具备输入内容时显示清除图标并能响应点击，清空输入。通过监听Touch事件和TextWatcher，动态控制删除图标的显示与隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载请注明出处：http://blog.youkuaiyun.com/u013220682/article/details/50962978

今天跟大家分享一个控件ClearEditText-带清除功能的输入框。其实这个控件在IOS中很简单，只需要设置属性即可，但是在Android中就变得不是那么容易了。先说说我自己的设计思路：首先，输入框右边得加一个删除图标；其次，删除图标的显示和隐藏（当我们的输入框有内容输入了并且有焦点，我们显示删除图标；当输入框没有焦点，我们也隐藏图标；当输入框中没有内容了，我们隐藏删除图标）；再次，点击删除图标，我们清空输入框中的内容，并隐藏删除图标。

那么下面我们来看看具体要怎么去实现呢？第一个问题就是我们怎么去给输入框右边添加删除图标，这个方法有多种，比如可以采用线性布局左边放一个EditText，右边放一个ImageView；设置EditText的属性值android:drawableRight。我采用的是后面的方法，就是直接给EditText设置属性值，这样我们的图标问题就解决了。下面我们来看一下效果图（为了好看点，drawableLeft我也设置了一个图标）：