Android文本框搜索和清空效果实现代码及简要概述
程序员文章站
2023-12-12 19:38:40
前言 本文实现的效果:文本框输入为空时显示输入的图标;不为空时显示清空的图标,此时点击清空图标能清空文本框内输入文字。正文 一、实现效果 二、实现代码 绑定事件 复制...
前言
本文实现的效果:文本框输入为空时显示输入的图标;不为空时显示清空的图标,此时点击清空图标能清空文本框内输入文字。
正文
一、实现效果
二、实现代码
绑定事件
private drawable miconsearchdefault; // 搜索文本框默认图标
private drawable miconsearchclear; // 搜索文本框清除文本内容图标
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.main)
final resources res = getresources();
miconsearchdefault = res.getdrawable(r.drawable.txt_search_default);
miconsearchclear = res.getdrawable(r.drawable.txt_search_clear);
msearchview = (edittext) findviewbyid(r.id.txtsearch);
msearchview.addtextchangedlistener(tbxsearch_textchanged);
msearchview.setontouchlistener(txtsearch_ontouch);
}
触摸事件
private ontouchlistener txtsearch_ontouch = new ontouchlistener() {
@override
public boolean ontouch(view v, motionevent event) {
switch (event.getaction()) {
case motionevent.action_up:
int curx = (int) event.getx();
if (curx > v.getwidth() - 38
&& !textutils.isempty(msearchview.gettext())) {
msearchview.settext("");
int cacheinputtype = msearchview.getinputtype();// backup the input type
msearchview.setinputtype(inputtype.type_null);// disable soft input
msearchview.ontouchevent(event);// call native handler
msearchview.setinputtype(cacheinputtype);// restore input type
return true;// consume touch even
}
break;
}
return false;
}
};
//监听输入
/**
* 动态搜索
*/
private textwatcher tbxsearch_textchanged = new textwatcher() {
//缓存上一次文本框内是否为空
private boolean isnull = true;
@override
public void aftertextchanged(editable s) {
if (textutils.isempty(s)) {
if (!isnull) {
msearchview.setcompounddrawableswithintrinsicbounds(null,
null, miconsearchdefault, null);
isnull = true;
}
} else {
if (isnull) {
msearchview.setcompounddrawableswithintrinsicbounds(null,
null, miconsearchclear, null);
isnull = false;
}
}
}
@override
public void beforetextchanged(charsequence s, int start, int count,
int after) {
}
/**
* 随着文本框内容改变动态改变列表内容
*/
@override
public void ontextchanged(charsequence s, int start, int before,
int count) {
}
};
代码说明:
1.为输入框绑定触摸事件(模拟点击事件捕捉)。通过监听点击区域判断是否点击清空图片,如果在该区域并且文本框不为空,则清空文本框。
2.为输入框绑定文本改变事件监听,根据内容改变动态设置图标显示。
3.维持清空操作后软键盘状态。
本文实现的效果:文本框输入为空时显示输入的图标;不为空时显示清空的图标,此时点击清空图标能清空文本框内输入文字。
正文
一、实现效果
二、实现代码
绑定事件
复制代码 代码如下:
private drawable miconsearchdefault; // 搜索文本框默认图标
private drawable miconsearchclear; // 搜索文本框清除文本内容图标
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.main)
final resources res = getresources();
miconsearchdefault = res.getdrawable(r.drawable.txt_search_default);
miconsearchclear = res.getdrawable(r.drawable.txt_search_clear);
msearchview = (edittext) findviewbyid(r.id.txtsearch);
msearchview.addtextchangedlistener(tbxsearch_textchanged);
msearchview.setontouchlistener(txtsearch_ontouch);
}
触摸事件
复制代码 代码如下:
private ontouchlistener txtsearch_ontouch = new ontouchlistener() {
@override
public boolean ontouch(view v, motionevent event) {
switch (event.getaction()) {
case motionevent.action_up:
int curx = (int) event.getx();
if (curx > v.getwidth() - 38
&& !textutils.isempty(msearchview.gettext())) {
msearchview.settext("");
int cacheinputtype = msearchview.getinputtype();// backup the input type
msearchview.setinputtype(inputtype.type_null);// disable soft input
msearchview.ontouchevent(event);// call native handler
msearchview.setinputtype(cacheinputtype);// restore input type
return true;// consume touch even
}
break;
}
return false;
}
};
复制代码 代码如下:
//监听输入
/**
* 动态搜索
*/
private textwatcher tbxsearch_textchanged = new textwatcher() {
//缓存上一次文本框内是否为空
private boolean isnull = true;
@override
public void aftertextchanged(editable s) {
if (textutils.isempty(s)) {
if (!isnull) {
msearchview.setcompounddrawableswithintrinsicbounds(null,
null, miconsearchdefault, null);
isnull = true;
}
} else {
if (isnull) {
msearchview.setcompounddrawableswithintrinsicbounds(null,
null, miconsearchclear, null);
isnull = false;
}
}
}
@override
public void beforetextchanged(charsequence s, int start, int count,
int after) {
}
/**
* 随着文本框内容改变动态改变列表内容
*/
@override
public void ontextchanged(charsequence s, int start, int before,
int count) {
}
};
代码说明:
1.为输入框绑定触摸事件(模拟点击事件捕捉)。通过监听点击区域判断是否点击清空图片,如果在该区域并且文本框不为空,则清空文本框。
2.为输入框绑定文本改变事件监听,根据内容改变动态设置图标显示。
3.维持清空操作后软键盘状态。