根據(jù)EditText搜索框ListView動(dòng)態(tài)顯示數(shù)據(jù)是根據(jù)需求來的,覺得這之中涉及的東西可能比較的有意思,所以動(dòng)手來寫一寫,希望對(duì)大家有點(diǎn)幫助。
首先,我們來分析下整個(gè)過程:
1、建立一個(gè)layout,包含一個(gè)EditText搜索框和一個(gè)ListView
2、創(chuàng)建一個(gè)數(shù)據(jù)集mData,用于ListView的Adapter的創(chuàng)建
3、添加EditText的文本改變的監(jiān)聽器
4、利用notifyDataSetChanged()動(dòng)態(tài)更新ListView
第一步:創(chuàng)建一個(gè)搜索框
這個(gè)還是比較容易的,這里我使用的是http://blog.csdn.net/walker02/article/details/7917392該文章的文本框,具有點(diǎn)叉全刪功能,不過,刪除了搜索按鈕,因?yàn)槲覀儎?dòng)態(tài)搜索,用不到按鈕。
添加一個(gè)Relativelayout布局,然后往里添加兩個(gè)控件(具體是3個(gè)),

效果如上,xml代碼如下:
第二步:創(chuàng)建數(shù)據(jù)集mData
這里使用的是SimpleAdapter,所以數(shù)據(jù)集創(chuàng)建的格式我的是這樣的,自己根據(jù)自己的Adapter來建立元數(shù)據(jù),存放在mListTitle和mListText里的數(shù)據(jù)是不會(huì)去改的,而mData是會(huì)在文本框改變時(shí),mData的數(shù)據(jù)也會(huì)做相應(yīng)的改變,這個(gè)是更新操作需要做的。這里是創(chuàng)建元數(shù)據(jù)集,
代碼如下:
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創(chuàng)建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);}到此,程序開始的狀態(tài)是顯示出來了的。如果沒有搜索框,到此就可以了。
第三步:添加EditText的文本改變的監(jiān)聽器
因?yàn)槲覀円獎(jiǎng)討B(tài)修改ListView的顯示,所以就必須去監(jiān)聽,然后做相應(yīng)的動(dòng)作。當(dāng)監(jiān)聽到文本改變時(shí),就用Handler post一個(gè)Runnable去做相應(yīng)的改變。
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 //這個(gè)應(yīng)該是在改變的時(shí)候會(huì)做的動(dòng)作吧,具體還沒用到過。 } @Override public void beforeTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) { // TODO Auto-generated method stub //這是文本框改變之前會(huì)執(zhí)行的動(dòng)作 } @Override public void afterTextChanged(Editable s) { // TODO Auto-generated method stub /**這是文本框改變之后 會(huì)執(zhí)行的動(dòng)作 * 因?yàn)槲覀円龅木褪?,在文本框改變的同時(shí),我們的listview的數(shù)據(jù)也進(jìn)行相應(yīng)的變動(dòng),并且如一的顯示在界面上。 * 所以這里我們就需要加上數(shù)據(jù)的修改的動(dòng)作了。 */ if(s.length() == 0){ ivDeleteText.setVisibility(View.GONE);//當(dāng)文本框?yàn)榭諘r(shí),則叉叉消失 } else { ivDeleteText.setVisibility(View.VISIBLE);//當(dāng)文本框不為空時(shí),出現(xiàn)叉叉 myhandler.post(eChanged); } } }); }Handler在此體現(xiàn)了巨大的用途,我們可以根據(jù)Handler的這樣的一個(gè)post功能,可以對(duì)界面神馬的做自己想要的改變,可以不僅僅只是ListView的修改,像每輸入個(gè)字,字體就改變成另一種顏色什么的,都可以。
第四步:利用notifyDataSetChanged()動(dòng)態(tài)更新ListView
回歸正題,這里是最關(guān)鍵得一步,我們post出來了,那么我們就要根據(jù)搜索文本框的文本然后對(duì)元數(shù)據(jù)進(jìn)行篩選,再讓符合的數(shù)據(jù)顯示在ListView上。
(/*丫的,頂著S4在寫博客,是不是一種罪過...*/)
adapter有一個(gè)notifyDataSetChanged()的方法,在數(shù)據(jù)更新的時(shí)候就使用此方法即可更新綁定的ListView,效果如下:

輸入一個(gè)5還是是有兩個(gè)item的,我的選擇是,只要title和text包含文本框的字符,即是目標(biāo)item

當(dāng)輸入50時(shí),因?yàn)橹挥幸粋€(gè)item里的title或text的文本里包含了搜索框的文本,所以只顯示只包含的這一個(gè)

再加上一個(gè)0,因?yàn)闆]有item的文本包含500,所以Listview沒有item了
順利完成效果的,真棒,LZ水平太菜,遇到了些許問題。
這里可能會(huì)遇到一些問題:
1、notifyDataSetChanged(),這個(gè)更新了,mData數(shù)據(jù)集也確實(shí)改變了,但是ListView卻沒有更新。我之前就是這樣,后來發(fā)現(xiàn)時(shí)mData數(shù)據(jù)集的引用改變了,所以Adapter再notify也沒用,因?yàn)锳dapter是和mData的引用綁定的,引用一變,那么數(shù)據(jù)是不會(huì)更新到ListView上的。這也是我使用get函數(shù)參數(shù)是傳遞引用進(jìn)來的原因,如果直接返回一個(gè)引用回去,那么就會(huì)出現(xiàn)這個(gè)問題,因此這一點(diǎn)需要注意下。可以參考/kf/201401/273017.html
2、關(guān)于界面UI的更新,可以使用Handler,通過Post一個(gè)Runnable去更新,Runnable會(huì)去根據(jù)搜索框的文本對(duì)mData里的數(shù)據(jù)進(jìn)行更新。
代碼如下:
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、可能對(duì)mData的理解會(huì)有點(diǎn)問題,因?yàn)閿?shù)據(jù)更新完后,每一次的篩選數(shù)據(jù)都是放在mData里,那么原本的數(shù)據(jù)呢,當(dāng)然就是在mListTitle和mListText里。根據(jù)獲得數(shù)據(jù)的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、因?yàn)槲谋究蛟诘谝粋€(gè),所以程序一運(yùn)行,文本框就會(huì)獲得焦點(diǎn),然后彈出輸入法,這里使用在xml文件里添加一個(gè)長(zhǎng)寬為0的LinearLayout來獲得焦點(diǎn),代碼如下:
綜上,這個(gè)動(dòng)態(tài)的方法,可能還需要待改進(jìn),比如篩選的方法,而且控件這里只是針對(duì)SampleAdapter的Listview,如果是自定義的ListView,應(yīng)該是還可以再進(jìn)行優(yōu)化的。還有就是ListView的height的設(shè)置,設(shè)置成wrap_content和fill_parent兩種方法其實(shí)換成真機(jī)是可以體驗(yàn)出兩種的差距的,比較明顯吧,就是往下劃的過程。
以上就是Android 根據(jù)EditText搜索框ListView動(dòng)態(tài)顯示數(shù)據(jù)的實(shí)例,希望能幫助有需要的朋友,謝謝大家對(duì)本站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選