Android实现自定义带删除功能的EditText实例
程序员文章站
2022-10-10 12:07:08
1.说明
自定义带删除功能的edittext有两种方法,第一种是用组合视图的方法,即在一个view视图里面左侧放置一个edittext,右侧放置一个imageview,但...
1.说明
自定义带删除功能的edittext有两种方法,第一种是用组合视图的方法,即在一个view视图里面左侧放置一个edittext,右侧放置一个imageview,但是这样增加了视图的层次,而且对输入内容的长度要做一定的处理。
第二种是重新定义edittext组件,增加相应的事件处理,即可达到很好的效果,效果图如下:
2.clearedittext的java类文件
/** * @说明: 自定义带删除按钮的edittext * */ public class clearedittext extends edittext implements onfocuschangelistener, textwatcher { //edittext右侧的删除按钮 private drawable mcleardrawable; private boolean hasfoucs; public clearedittext(context context) { this(context, null); } public clearedittext(context context, attributeset attrs) { this(context, attrs, android.r.attr.edittextstyle); } public clearedittext(context context, attributeset attrs, int defstyle) { super(context, attrs, defstyle); init(); } private void init() { // 获取edittext的drawableright,假如没有设置我们就使用默认的图片,获取图片的顺序是左上右下(0,1,2,3,) mcleardrawable = getcompounddrawables()[2]; if (mcleardrawable == null) { mcleardrawable = getresources().getdrawable( r.drawable.edit_delete); } mcleardrawable.setbounds(0, 0, mcleardrawable.getintrinsicwidth(), mcleardrawable.getintrinsicheight()); // 默认设置隐藏图标 setcleariconvisible(false); // 设置焦点改变的监听 setonfocuschangelistener(this); // 设置输入框里面内容发生改变的监听 addtextchangedlistener(this); } /* @说明:isinnerwidth, isinnerheight为ture,触摸点在删除图标之内,则视为点击了删除图标 * event.getx() 获取相对应自身左上角的x坐标 * event.gety() 获取相对应自身左上角的y坐标 * getwidth() 获取控件的宽度 * getheight() 获取控件的高度 * gettotalpaddingright() 获取删除图标左边缘到控件右边缘的距离 * getpaddingright() 获取删除图标右边缘到控件右边缘的距离 * isinnerwidth: * getwidth() - gettotalpaddingright() 计算删除图标左边缘到控件左边缘的距离 * getwidth() - getpaddingright() 计算删除图标右边缘到控件左边缘的距离 * isinnerheight: * distance 删除图标顶部边缘到控件顶部边缘的距离 * distance + height 删除图标底部边缘到控件顶部边缘的距离 */ @override public boolean ontouchevent(motionevent event) { if (event.getaction() == motionevent.action_up) { if (getcompounddrawables()[2] != null) { int x = (int)event.getx(); int y = (int)event.gety(); rect rect = getcompounddrawables()[2].getbounds(); int height = rect.height(); int distance = (getheight() - height)/2; boolean isinnerwidth = x > (getwidth() - gettotalpaddingright()) && x < (getwidth() - getpaddingright()); boolean isinnerheight = y > distance && y <(distance + height); if (isinnerwidth && isinnerheight) { this.settext(""); } } } return super.ontouchevent(event); } /** * 当clearedittext焦点发生变化的时候, * 输入长度为零,隐藏删除图标,否则,显示删除图标 */ @override public void onfocuschange(view v, boolean hasfocus) { this.hasfoucs = hasfocus; if (hasfocus) { setcleariconvisible(gettext().length() > 0); } else { setcleariconvisible(false); } } protected void setcleariconvisible(boolean visible) { drawable right = visible ? mcleardrawable : null; setcompounddrawables(getcompounddrawables()[0], getcompounddrawables()[1], right, getcompounddrawables()[3]); } @override public void ontextchanged(charsequence s, int start, int count, int after) { if (hasfoucs) { setcleariconvisible(s.length() > 0); } } @override public void beforetextchanged(charsequence s, int start, int count, int after) { } @override public void aftertextchanged(editable s) { } }
3.引用clearedittext的xml文件
<com.once.android_ui.selfview.clearedittext android:id="@+id/user_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:drawableleft="@drawable/user_name" android:drawablepadding="7dp" android:hint="@string/name_tip" android:singleline="true" android:textsize="17sp" > <requestfocus /> </com.once.android_ui.selfview.clearedittext>
附件是图片资源文件。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。