在ListView的使用中,有時候還需要在里面加入按鈕等控件,實現單獨的操作。也就是說,這個ListView不再只是展示數據,也不僅僅是這一行要來處理用戶的操作,而是里面的控件要獲得用戶的焦點。讀者可以試試用SimpleAdapter添加一個按鈕到ListView的條目中,會發現可以添加,但是卻無法獲得焦點,點擊操作被ListView的Item所覆蓋。這時候最方便的方法就是使用靈活的適配器BaseAdapter了。
▲圖4-35 BaseAdapter中的方法
使用BaseAdapter必須寫一個類繼承它,同時BaseAdapter是一個抽象類,繼承它必須實現它的方法。BaseAdapter的靈活性就在於它要重寫很多方法,看一下有哪些方法,如圖4-35所示為繼承自BaseAdapter的SpeechListAdapter所實現的方法,其中最重要的即為getView()方法。這些方法都有什么作用呢?我們通過分析ListView的原理來為讀者解答。
當系統開始繪制ListView的時候,首先調用getCount()方法。得到它的返回值,即ListView的長度。然后系統調用getView()方法,根據這個長度逐一繪制ListView的每一行。也就是說,如果讓getCount()返回1,那么只顯示一行。而getItem()和getItemId()則在需要處理和取得Adapter中的數據時調用。那么getView如何使用呢?如果有10000行數據,就繪制10000次?這肯定會極大的消耗資源,導致ListView滑動非常的慢,那應該怎么做呢?通過一個例子來講解如何在使用BaseAdapter的時候優化ListView的顯示。例子中將上一節中的ImageView換成Button,並且處理Button的點擊事件,其中對ListView的顯示做了優化。
布局文件和上一例類同,讀者可以在光盤的工程目錄中查看,這里只給出Activity類。
001 |
publicclass MyListViewBase extends Activity { |
002 |
|
003 |
private ListView lv; |
004 |
//定義一個動態數組 |
005 |
ArrayList<HashMap<String, Object>>listItem; /** Called when the activity is first created. */ |
006 |
|
007 |
@Override |
008 |
publicvoid onCreate(Bundle savedInstanceState) { |
009 |
super .onCreate(savedInstanceState); |
010 |
setContentView(R.layout.main); |
011 |
012 |
lv = (ListView) findViewById(R.id.lv); |
013 |
MyAdapter mAdapter = new MyAdapter( this ); //得到一個MyAdapter對象 |
014 |
lv.setAdapter(mAdapter); //為ListView綁定Adapter |
015 |
/**為ListView添加點擊事件*/ |
016 |
lv.setOnItemClickListener( new OnItemClickListener() { |
017 |
@Override |
018 |
publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) { |
019 |
Log.v( "MyListViewBase" , "你點擊了ListView條目" + arg2); //在LogCat中輸出信息 |
020 |
} |
021 |
}); |
022 |
} |
023 |
/**添加一個得到數據的方法,方便使用*/ |
024 |
private ArrayList<HashMap<String, Object>> getDate(){ |
025 |
ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>(); |
026 |
/**為動態數組添加數據*/ |
027 |
for ( int i= 0 ;i< 30 ;i++) |
028 |
{ |
029 |
HashMap<String, Object> map = new HashMap<String, Object>(); |
030 |
map.put( "ItemTitle" , "第" +i+ "行" ); |
031 |
map.put( "ItemText" , "這是第" +i+ "行" ); |
032 |
listItem.add(map); |
033 |
} |
034 |
return listItem; |
035 |
} |
036 |
/** 新建一個類繼承BaseAdapter,實現視圖與數據的綁定 |
037 |
*/ |
038 |
privateclass MyAdapter extends BaseAdapter { |
039 |
private LayoutInflater mInflater; //得到一個LayoutInfalter對象用來導入布局 |
040 |
|
041 |
/**構造函數*/ |
042 |
public MyAdapter(Context context) { |
043 |
this .mInflater = LayoutInflater.from(context); |
044 |
} |
045 |
046 |
@Override |
047 |
publicint getCount() { |
048 |
return getDate().size(); //返回數組的長度 |
049 |
} |
050 |
051 |
@Override |
052 |
public Object getItem( int position) { |
053 |
returnnull; |
054 |
} |
055 |
056 |
@Override |
057 |
publiclong getItemId( int position) { |
058 |
return 0 ; |
059 |
} |
060 |
|
061 |
/**書中詳細解釋該方法*/ |
062 |
@Override |
063 |
public View getView(finalint position, View convertView, ViewGroup parent) { |
064 |
ViewHolder holder; |
065 |
//觀察convertView隨ListView滾動情況 |
066 |
Log.v( "MyListViewBase" , "getView " + position + " " + convertView); |
067 |
if (convertView == null ) { |
068 |
convertView = mInflater.inflate(R.layout.item, null ); |
069 |
holder = new ViewHolder(); |
070 |
/**得到各個控件的對象*/ |
071 |
holder.title = (TextView) convertView.findViewById(R.id.ItemTitle); |
072 |
holder.text = (TextView) convertView.findViewById(R.id.ItemText); |
073 |
holder.bt = (Button) convertView.findViewById(R.id.ItemButton); |
074 |
convertView.setTag(holder); //綁定ViewHolder對象 |
075 |
} |
076 |
else { |
077 |
holder = (ViewHolder)convertView.getTag(); //取出ViewHolder對象 |
078 |
} |
079 |
/**設置TextView顯示的內容,即我們存放在動態數組中的數據*/ |
080 |
holder.title.setText(getDate().get(position).get( "ItemTitle" ).toString()); |
081 |
holder.text.setText(getDate().get(position).get( "ItemText" ).toString()); |
082 |
|
083 |
/**為Button添加點擊事件*/ |
084 |
holder.bt.setOnClickListener( new OnClickListener() { |
085 |
@Override |
086 |
publicvoid onClick(View v) { |
087 |
Log.v( "MyListViewBase" , "你點擊了按鈕" + position); //打印Button的點擊信息 |
088 |
} |
089 |
}); |
090 |
|
091 |
return convertView; |
092 |
} |
093 |
|
094 |
} |
095 |
|
096 |
/**存放控件*/ |
097 |
publicfinalclass ViewHolder{ |
098 |
public TextView title; |
099 |
public TextView text; |
100 |
public Button bt; |
101 |
} |
102 |
} |
運行效果如圖4-36所示。還需要注意的是,Button會搶奪ListView的焦點,需要將Button設置為沒有焦點。設置非常簡單,只需要在xml的Button標簽下加入一行:android:focusable=“false”代碼就可以了。在LogCat觀察點擊后輸出的信息,如圖4-37所示。
▲圖4-36 使用BaseAdapter的ListVie
w
▲圖4-37 點擊ListView條目和Button得到的輸出
代碼中getView()方法不容易理解。其實完全可以不用所謂的convertView和ViewHolder,直接導入布局並且設置控件顯示的內容就可以了。但是這意味着有多少行數據就需要繪制多少行ListView,這顯然是不可取的。這里采用了一種優化的方法。代碼中,在getView()方法中加入了一行log輸出convertView的內容。滾動ListView,輸出信息如圖4-38所示。
從圖4-38中可以看出,當啟動Activity呈現第一屏ListView的時候,convertView為零。當用戶向下滾動ListView時,上面的條目變為不可見,下面出現新的條目。這時候convertView不再為空,而是創建了一系列的convertView的值。當又往下滾一屏的時候,發現第11行的容器用來容納第22行,第12行的容器用來容納第23行。也就是說convertView相當於一個緩存,開始為0,當有條目變為不可見,它緩存了它的數據,后面再出來的條目只需要更新數據就可以了,這樣大大節省了系統資料的開銷。
還可以繼續優化。雖然重復利用了已經繪制的view,但是要得到其中的控件,需要在控件的容器中通過findViewById的方法來獲得。如果這個容器非常復雜,這顯然會增加系統資源的開銷。在上面的例子中,引入了Tag的概念。或許不是最好的辦法,但是它確實能使ListView變得更流暢。代碼中,當convertView為空時,用setTag()方法為每個View綁定一個存放控件的ViewHolder對象。當convertView不為空,重復利用已經創建的view的時候,使用getTag()方法獲取綁定的ViewHolder對象,這樣就避免了findViewById對控件的層層查詢,而是快速定位到控件。
▲圖4-38 滾動ListView輸出的convertView的值
總結一下,這節介紹了用BaseAdapter來綁定ListView的數據。因為BaseAdapter非常靈活,使用也相對較其他控件麻煩。同時ListView的優化問題也值得讀者去研究,一個流暢的ListView會帶來更好的用戶體驗。