Android自定义控件之ClearEditText

在开发过程中,可能会遇到一些输入框,要求有内容的时候会在后边显示一个用于删除全部内容的按钮,点击可删除全部内容,当该输入框没有内容时,该删除按钮就隐藏,感觉很智能。这篇文章就用来展示如何自定义这个edittext。


首先,我们需要把产品的需求变成开发者的需求,有人会问,需求不一样吗,其实就是跟那句歌词一样:“说不一样,其实也一样”,只不过,产品的需求就是表面上的,而我们要用一种编程思想给表达出来:

1、判断edittext获取到焦点时,判断内容是否为空

2、判断内容不为空时,判断是否获取到焦点

3、此时,如果获取到焦点且内容不为空,清除按钮显示,否则隐藏

4、如果按钮显示,点击该按钮,内容清空


由以上几点,就可以大致明白写代码的逻辑思想了。


第一步,肯定是创建构造体,初始化。这都是必备的。

Android自定义控件之ClearEditText_第1张图片
创建构造体

接下来就是初始化,这里主要是初始化删除按钮

Android自定义控件之ClearEditText_第2张图片
初始化删除按钮


代码里边的注释都写的很详细,一眼都明白,就不过多解释。


接下来就按照我们已经捋好的逻辑进行代码编辑,在焦点改变时,判断内容是否为空,如果不为空,显示删除图标,否则隐藏

Android自定义控件之ClearEditText_第3张图片
焦点改变时


然后判断内容改变时,设置删除图标是否显示

Android自定义控件之ClearEditText_第4张图片
内容改变时

设置按钮是否展示的方法就很简单了,这里就不再贴代码了。


按钮是否展示的工作已经全部完成了,剩下的任务就是点击删除按钮的时候的处理事件,在onTouch事件中,当事件为up时,如果触摸区域为按钮附近,则设置内容为“”。具体代码如下所示。

Android自定义控件之ClearEditText_第5张图片
触摸事件



判断手指抬起,按钮显示,点击区域适当,设置内容为空。这里不对getX() getHeight()等做过多解释,请查阅相关资料,这里不是重点。


perfect!!!

你可能感兴趣的:(Android自定义控件之ClearEditText)