android edittext删除文本框,Android EditText 文本框实现搜索和清空效果

本文实现的效果:文本框输入为空时显示输入的图标;不为空时显示清空的图标,此时点击清空图标能清空文本框内输入文字。

声明

欢迎转载,但请保留文章原始出处:)

博客园:http://www.cnblogs.com

农民伯伯: http://over140.cnblogs.com

正文

一、实现效果

1d1010bf0ec972ed569481647ba5e65a.png

043e06dfdee50317dd1984d39a98d4b3.png

二、实现代码

监听输入

/**

* 动态搜索

*/

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) {

}

};

触摸事件

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 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);

}

代码说明:

1. 为输入框绑定触摸事件(模拟点击事件捕捉)。通过监听点击区域判断是否点击清空图片,如果在该区域并且文本框不为空,则清空文本框。

2. 为输入框绑定文本改变事件监听,根据内容改变动态设置图标显示。

3. 维持清空操作后软键盘状态。

三、参考

四、小图标下载

d831b1571adc604c456adfc3060c11e6.png  

278ad7b08ca0a0b83e6f477b05848aab.png

(右键另存为即可。)

感谢农民伯伯的文章

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值