欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 根据EditText搜索框ListView动态显示数据

程序员文章站 2024-03-05 07:58:24
根据edittext搜索框listview动态显示数据是根据需求来的,觉得这之中涉及的东西可能比较的有意思,所以动手来写一写,希望对大家有点帮助。 首先,我们来分析下整个...

根据edittext搜索框listview动态显示数据是根据需求来的,觉得这之中涉及的东西可能比较的有意思,所以动手来写一写,希望对大家有点帮助。

首先,我们来分析下整个过程:

1、建立一个layout,包含一个edittext搜索框和一个listview

2、创建一个数据集mdata,用于listview的adapter的创建

3、添加edittext的文本改变的监听器

4、利用notifydatasetchanged()动态更新listview

第一步:创建一个搜索框

这个还是比较容易的,这里我使用的是http://blog.csdn.net/walker02/article/details/7917392该文章的文本框,具有点叉全删功能,不过,删除了搜索按钮,因为我们动态搜索,用不到按钮。

添加一个relativelayout布局,然后往里添加两个控件(具体是3个),

Android 根据EditText搜索框ListView动态显示数据

效果如上,xml代码如下:

第二步:创建数据集mdata

这里使用的是simpleadapter,所以数据集创建的格式我的是这样的,自己根据自己的adapter来建立元数据,存放在mlisttitle和mlisttext里的数据是不会去改的,而mdata是会在文本框改变时,mdata的数据也会做相应的改变,这个是更新操作需要做的。这里是创建元数据集,

代码如下:

  listview mlistview;
  
  arraylist<map<string, object="">> mdata = new arraylist<map<string, object="">>();
  
  arraylist<string> mlisttitle = new arraylist<string>();
  arraylist<string> mlisttext = new arraylist<string>();
   
  private void getmdata(arraylist<map<string, object="">> mdatas)
  {
    map<string, object=""> item = new hashmap<string, object="">();
    mlisttitle.add(this is a title!);
    mlisttext.add(this is a text.
2014.09.18.16.33);
 
    item.put(title, mlisttitle.get(0));
    item.put(text, mlisttext.get(0));
    mdatas.add(item);
    mlisttitle.add(this is an another title!);
    mlisttext.add(this is an another text.
2014.09.18.16.33);
  
    item = new hashmap<string, object="">();
    item.put(title, mlisttitle.get(1));
    item.put(text, mlisttext.get(1));
    mdatas.add(item);
  }</string,></string,></string,></map<string,></string></string></string></string></map<string,></map<string,>

再就是利用mdata创建adapter

private void set_mlistview_adapter()
{
 mlistview = (listview) findviewbyid(r.id.mlistview);
  
 getmdata(mdata);
  
 adapter = new simpleadapter(this,mdata,android.r.layout.simple_list_item_2, 
   new string[]{title,text},new int[]{android.r.id.text1,android.r.id.text2});
  
 mlistview.setadapter(adapter);
}

到此,程序开始的状态是显示出来了的。如果没有搜索框,到此就可以了。

第三步:添加edittext的文本改变的监听器

因为我们要动态修改listview的显示,所以就必须去监听,然后做相应的动作。当监听到文本改变时,就用handler post一个runnable去做相应的改变。

private void set_esearch_textchanged()
{
 esearch = (edittext) findviewbyid(r.id.etsearch);
   
 esearch.addtextchangedlistener(new textwatcher() {
    
   @override
   public void ontextchanged(charsequence arg0, int arg1, int arg2, int arg3) {
    // todo auto-generated method stub
    //这个应该是在改变的时候会做的动作吧,具体还没用到过。
   }
    
   @override
   public void beforetextchanged(charsequence arg0, int arg1, int arg2,
      int arg3) {
    // todo auto-generated method stub
    //这是文本框改变之前会执行的动作
   }
    
   @override
   public void aftertextchanged(editable s) {
    // todo auto-generated method stub
    /**这是文本框改变之后 会执行的动作
     * 因为我们要做的就是,在文本框改变的同时,我们的listview的数据也进行相应的变动,并且如一的显示在界面上。
     * 所以这里我们就需要加上数据的修改的动作了。
     */
    if(s.length() == 0){
      ivdeletetext.setvisibility(view.gone);//当文本框为空时,则叉叉消失
    }
    else {
      ivdeletetext.setvisibility(view.visible);//当文本框不为空时,出现叉叉
      myhandler.post(echanged);
    }
   }
 });
   
}

handler在此体现了巨大的用途,我们可以根据handler的这样的一个post功能,可以对界面神马的做自己想要的改变,可以不仅仅只是listview的修改,像每输入个字,字体就改变成另一种颜色什么的,都可以。

第四步:利用notifydatasetchanged()动态更新listview

回归正题,这里是最关键得一步,我们post出来了,那么我们就要根据搜索文本框的文本然后对元数据进行筛选,再让符合的数据显示在listview上。

(/*丫的,顶着s4在写博客,是不是一种罪过...*/)

adapter有一个notifydatasetchanged()的方法,在数据更新的时候就使用此方法即可更新绑定的listview,效果如下:

Android 根据EditText搜索框ListView动态显示数据

输入一个5还是是有两个item的,我的选择是,只要title和text包含文本框的字符,即是目标item

Android 根据EditText搜索框ListView动态显示数据

当输入50时,因为只有一个item里的title或text的文本里包含了搜索框的文本,所以只显示只包含的这一个

Android 根据EditText搜索框ListView动态显示数据

再加上一个0,因为没有item的文本包含500,所以listview没有item了

顺利完成效果的,真棒,lz水平太菜,遇到了些许问题。

这里可能会遇到一些问题:

1、notifydatasetchanged(),这个更新了,mdata数据集也确实改变了,但是listview却没有更新。我之前就是这样,后来发现时mdata数据集的引用改变了,所以adapter再notify也没用,因为adapter是和mdata的引用绑定的,引用一变,那么数据是不会更新到listview上的。这也是我使用get函数参数是传递引用进来的原因,如果直接返回一个引用回去,那么就会出现这个问题,因此这一点需要注意下。可以参考/kf/201401/273017.html

2、关于界面ui的更新,可以使用handler,通过post一个runnable去更新,runnable会去根据搜索框的文本对mdata里的数据进行更新。

代码如下:

runnable echanged = new runnable() {
   
 @override
 public void run() {
   // todo auto-generated method stub
   string data = esearch.gettext().tostring();
    
   mdata.clear();
    
   getmdatasub(mdata, data);
    
   adapter.notifydatasetchanged();
    
 }
};

3、可能对mdata的理解会有点问题,因为数据更新完后,每一次的筛选数据都是放在mdata里,那么原本的数据呢,当然就是在mlisttitle和mlisttext里。根据获得数据的getmdatasub的代码即可知。

private void getmdatasub(arraylist<map<string, object="">> mdatasubs, string data)
{
  int length = mlisttitle.size();
  for(int i = 0; i < length; ++i){
   if(mlisttitle.get(i).contains(data) || mlisttext.get(i).contains(data)){
    map<string,object> item = new hashmap<string,object>();
    item.put(title, mlisttitle.get(i));
    item.put(text, mlisttext.get(i));
    mdatasubs.add(item);
   }
  }
} </string,object></string,object></map<string,>

4、因为文本框在第一个,所以程序一运行,文本框就会获得焦点,然后弹出输入法,这里使用在xml文件里添加一个长宽为0的linearlayout来获得焦点,代码如下:

综上,这个动态的方法,可能还需要待改进,比如筛选的方法,而且控件这里只是针对sampleadapter的listview,如果是自定义的listview,应该是还可以再进行优化的。还有就是listview的height的设置,设置成wrap_content和fill_parent两种方法其实换成真机是可以体验出两种的差距的,比较明显吧,就是往下划的过程。

以上就是android 根据edittext搜索框listview动态显示数据的实例,希望能帮助有需要的朋友,谢谢大家对本站的支持!