Android 根据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代码如下：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.ricawinter.dynamicsearch.MainActivity$PlaceholderFragment" >
<RelativeLayout android:id="@+id/top"
android:layout_width="fill_parent"
android:layout_alignParentTop="true"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:background="@drawable/top_background"
android:layout_height="wrap_content">
<RelativeLayout
android:id="@+id/rlSearchFrameDelete"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="center_vertical" >
<EditText android:id="@+id/etSearch"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:singleLine="true"
android:background="@drawable/search_frame"
android:layout_marginRight="10dp"
android:paddingLeft="32dp"
android:textSize="12sp"
android:hint="Searching..."/>
<ImageView android:id="@+id/ivDeleteText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:src="@drawable/delete"
android:layout_centerInParent="true"
android:paddingRight="20dp"
android:visibility="gone"/>
</RelativeLayout>
</RelativeLayout>
<ListView
android:id="@+id/mListView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/top" >
</ListView>
</RelativeLayout>
第二步：创建数据集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.\n2014.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.\n2014.09.18.16.33");
item = new HashMap<String, Object>();
item.put("title", mListTitle.get(1));
item.put("text", mListText.get(1));
mDatas.add(item);
}
再就是利用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);
}
}
});
}
第四步：利用notifyDataSetChanged()动态更新ListView
回归正题，这里是最关键得一步，我们post出来了，那么我们就要根据搜索文本框的文本然后对元数据进行筛选，再让符合的数据显示在ListView上。
（/*丫的，顶着S4在写博客，是不是一种罪过...*/）
adapter有一个notifyDataSetChanged()的方法，在数据更新的时候就使用此方法即可更新绑定的ListView，效果如下：
顺利完成效果的，真棒，LZ水平太菜，遇到了些许问题。
这里可能会遇到一些问题：
1、notifyDataSetChanged(),这个更新了，mData数据集也确实改变了，但是ListView却没有更新。我之前就是这样，后来发现时mData数据集的引用改变了，所以Adapter再notify也没用，因为Adapter是和mData的引用绑定的，引用一变，那么数据是不会更新到ListView上的。这也是我使用get函数参数是传递引用进来的原因，如果直接返回一个引用回去，那么就会出现这个问题，因此这一点需要注意下。可以参考http://www.2cto.com/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();
}
};
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);
}
}
}
4、因为文本框在第一个，所以程序一运行，文本框就会获得焦点，然后弹出输入法，这里使用在xml文件里添加一个长宽为0的LinearLayout来获得焦点，代码如下：
<!-- to acquire focus -->
<LinearLayout
android:focusable="true"
android:focusableInTouchMode="true"
android:layout_width="0px"
android:layout_height="0px"/>综上，这个动态的方法，可能还需要待改进，比如筛选的方法，而且控件这里只是针对SampleAdapter的Listview，如果是自定义的ListView，应该是还可以再进行优化的。还有就是ListView的height的设置，设置成wrap_content和fill_parent两种方法其实换成真机是可以体验出两种的差距的，比较明显吧，就是往下划的过程。
写的比较简单粗暴，不要太见怪。附上代码一份》
向来喜欢共享， 所以免费下载。 猛戳
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
