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

根据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,></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,效果如下:

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

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

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索android
edittext
edittext搜索listview、listview嵌套edittext、listview edittext、listview中edittext、listview中的edittext,以便于您获取更多的相关知识。

时间: 2024-09-11 05:05:11

Android 根据EditText搜索框ListView动态显示数据_Android的相关文章

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

根据EditText搜索框ListView动态显示数据是根据需求来的,觉得这之中涉及的东西可能比较的有意思,所以动手来写一写,希望对大家有点帮助. 首先,我们来分析下整个过程: 1.建立一个layout,包含一个EditText搜索框和一个ListView 2.创建一个数据集mData,用于ListView的Adapter的创建 3.添加EditText的文本改变的监听器 4.利用notifyDataSetChanged()动态更新ListView 第一步:创建一个搜索框 这个还是比较容易的,这

Android EditText搜索框实现图标居中

类似这样EditText 搜索框,hiht 提示有一个icon并且text内容. 重写EditText : package mobi.truekey.weapp2.widget; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.dr

Android顶部(toolbar)搜索框实现的实例详解

Android顶部(toolbar)搜索框实现的实例详解 本文介绍两种SearchView的使用情况,一种是输入框和搜索结果不在一个activity中,另一种是在一个activity中. 首先编写toolbar的布局文件 toolbar中图标在menu文件下定义一个布局文件实现 示例代码: <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.

Android开发之搜索框自动提示细节MatrixCursor学习

1,在ActionBar里面加入搜索框 在ActionBar里面加入搜索框是现在APP应用的常用做法.要想把搜索做好,可不是那么容易.涉及到自动提示和真正的搜索.下图是我对一个相对完整的搜索框涉及的元素关系做了一个图,箭头只表示它们之间有关系,不是类图中的继承. 一个Activity会有一个ActionBar,默认情况下.你可以在ActionBar里面添加菜单条目.菜单条目可以设置标题,图标以及关联的ActionView,这里我们关联了一个SearchView.SearchView和Search

android 群聊搜索框

问题描述 android 群聊页面的搜索框,无法输入文字是什么鬼 解决方案 UI的问题还是要自己调试代码,这也猜不出来解决方案二:demo也有这个问题

Android编程实现动态更新ListView的方法_Android

本文实例讲述了Android编程实现动态更新ListView的方法.分享给大家供大家参考,具体如下: 有时候我们需要修改已经生成的列表,添加或者修改数据,notifyDataSetChanged()可以在修改适配器绑定的数组后,不用重新刷新Activity,通知Activity更新ListView.今天的例子就是通过Handler AsyncTask两种方式来动态更新ListView.从今天起,每次学习的源代码都会打包上传,方便各位同学学习,注册帐号即可下载. 布局main.xml: <?xml

Android 开发之dataBinding与ListView及事件_Android

2015年Google IO大会分布了DataBinding库,能够更快捷便利的实现MVVM结构模式.但是,通过对DataBinding的学习,其中踩过得坑,今天要在这里记录一下.对于DataBinding一些比较基础的使用,在这里就不在记录了,毕竟现在Google一下,出来很多的教程,而且,android developer官网中,也已经对其基本使用方法做了详细介绍,有英语基础的童鞋,还是去看比较官方的文章.如果英文基础不太好的,https://realm.io/cn/news/data-bi

Android编程使用缓存优化ListView的方法_Android

本文实例讲述了Android编程使用缓存优化ListView的方法.分享给大家供大家参考,具体如下: ListView调用Adapter的getView方法获取每一个Item布局,将这些已经获得的Item布局放入缓存,将大大提高获取数据的效率,而且节省更多的流量,将数据进行缓存有两种方法是,一种是将内存缓存一种是sd卡缓存,在此分别进行演示. sd卡缓存: sd卡缓存是将下载的数据保存到sd卡中,当再次要获取数据时,首先要判断sd卡中是否存在,如果存在的话,就直接读取sd卡中的数据,如果不存在就

Android编程之控件ListView使用方法_Android

本文实例讲述了Android编程之控件ListView使用方法.分享给大家供大家参考.具体分析如下: 控件ListView是一个重要的控件,可以被用作用户列表等显示,下面进行它的操作测试. 下面代码实现了生成了一个ListView显示,并对每个条目的单击事件作出响应. 源代码: package com.list; import java.util.ArrayList; import java.util.HashMap; import android.app.Activity; import an