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

Android 根据EditText搜索框ListView动态显示数据,第1张

概述根据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个),

效果如上,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,></map<string,></string></string></string></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 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,效果如下:


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


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


再加上一个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、因为文本框在第一个,所以程序一运行,文本框就会获得焦点,然后d出输入法,这里使用在xml文件里添加一个长宽为0的linearLayout来获得焦点,代码如下:

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

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

总结

以上是内存溢出为你收集整理的Android 根据EditText搜索框ListView动态显示数据全部内容,希望文章能够帮你解决Android 根据EditText搜索框ListView动态显示数据所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1148081.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存