[Android]文本框实现搜索和清空效果

简介:

 

正文

  一、实现效果
 

    

       

 

  二、实现代码 
 

    监听输入

     /**
     * 动态搜索
     
*/
    
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. 维持清空操作后软键盘状态。

 


 

  三、小图标下载

      

    (右键另存为即可。)

 

结束 
 

  活用好每一个控件的属性、方法和事件能实现很多有意思的效果。欢迎大家交流。



本文转自over140 51CTO博客,原文链接:http://blog.51cto.com/over140/581678,如需转载请自行联系原作者

相关文章
|
Android开发
Android 实现点击输入框以外的区域隐藏软键盘
Android 实现点击输入框以外的区域隐藏软键盘
149 0
|
Android开发
Android 自定义弹窗 附带搜索过滤功能
前两天要求在项目中添加个小功能,今天正好有时间随手写了一个小demo,过程分享给大家。以后如果有此类需求可直接移植使用。
Android12 设置主界面和二级菜单顶部空白去除
Android12 设置主界面和二级菜单顶部空白去除
141 0
Android12 设置主界面和二级菜单顶部空白去除
|
XML Java Android开发
Android 监听键盘输入(实现搜索、发送、完成等等)
在Android App的实际开发中,时常会需要监听软键盘的输入事件。 所以个人在此进行一个总结。 例如:微信和QQ聊天的消息发送,你会发现他的聊天框并没有发送的控件,软键盘的换行或者某个按钮会变成发送;在某些浏览器的输入框,输入内容后,软件盘的某个按钮会有搜索的字样,还有填写内容时的完成按钮等等,这些都可以通过监听键盘和输入框的一些配置实现这些功能。
|
前端开发 Java Android开发
Android通过Path实现复杂效果(搜索按钮+时钟的实现 )
Path : 在Android中复杂的图形的绘制绝大多数是通过path来实现,比如绘制一条曲线,然后让一个物体随着这个曲线运动,比如搜索按钮,比如一个简单时钟的实现: 那么什么是path呢! 定义:path  就是路径,就是图形的路径的集合,它里边包含了路径里边的坐标点,等
4015 0
|
缓存 Android开发
android 实现 搜索保存历史记录功能
android 实现 搜索保存历史记录功能
android 实现 搜索保存历史记录功能
|
Android开发
Android--多选自动搜索提示
一. 效果图   常见效果,在搜素提示选中之后可以继续搜索添加,选中的词条用特殊字符分开   二. 布局代码   三. 设置数据源 private void bind(){ MultiAutoCompleteTextView autoText=(MultiAutoCompleteTextView)findViewById(R.
864 0
|
Android开发
Android--自动搜索提示
一. 效果图   在Google或者百度搜索的时候,在输入关键词都会出现自动搜索的提示内容,类似如下的效果,输入b 则出现包含b的相关词条     二. 布局代码 AutoCompleteTextView布局代码   以上是上面效果的布局代码,使用的是AutoCompleteTextView组件   三.
781 0
|
数据库 Android开发 数据库管理
Android Studio列表用法之一:ListView图文列表显示(实例)
前言:         ListView这个列表控件在Android中是最常用的控件之一,几乎在所有的应用程序中都会使用到它。         目前正在做的一个记账本APP中就用到了它,主要是用它来呈现收支明细,是一个图文列表的呈现方式,下面就讲讲具体是如何实现的。
8240 0