接上篇博文
4.12.3 ListView使用BaseAdapter與ListView的優化
在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類。
- publicclass MyListViewBase extends Activity {
- private ListView lv;
- /*定義一個動態數組*/
- ArrayList<HashMap<String, Object>>listItem;
- /** Called when the activity is first created. */
- @Override
- publicvoid onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- lv = (ListView) findViewById(R.id.lv);
- MyAdapter mAdapter = new MyAdapter(this);//得到一個MyAdapter對象
- lv.setAdapter(mAdapter);//爲ListView綁定Adapter
- /*爲ListView添加點擊事件*/
- lv.setOnItemClickListener(new OnItemClickListener() {
- @Override
- publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
- long arg3) {
- Log.v("MyListViewBase", "你點擊了ListView條目" + arg2);//在LogCat中輸出信息
- }
- });
- }
- /*添加一個得到數據的方法,方便使用*/
- private ArrayList<HashMap<String, Object>> getDate(){
- ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();
- /*爲動態數組添加數據*/
- for(int i=0;i<30;i++)
- {
- HashMap<String, Object> map = new HashMap<String, Object>();
- map.put("ItemTitle", "第"+i+"行");
- map.put("ItemText", "這是第"+i+"行");
- listItem.add(map);
- }
- return listItem;
- }
- /*
- * 新建一個類繼承BaseAdapter,實現視圖與數據的綁定
- */
- privateclass MyAdapter extends BaseAdapter {
- private LayoutInflater mInflater;//得到一個LayoutInfalter對象用來導入佈局
- /*構造函數*/
- public MyAdapter(Context context) {
- this.mInflater = LayoutInflater.from(context);
- }
- @Override
- publicint getCount() {
- return getDate().size();//返回數組的長度
- }
- @Override
- public Object getItem(int position) {
- returnnull;
- }
- @Override
- publiclong getItemId(int position) {
- return 0;
- }
- /*書中詳細解釋該方法*/
- @Override
- public View getView(finalint position, View convertView, ViewGroup parent) {
- ViewHolder holder;
- //觀察convertView隨ListView滾動情況
- Log.v("MyListViewBase", "getView " + position + " " + convertView);
- if (convertView == null) {
- convertView = mInflater.inflate(R.layout.item,
- null);
- holder = new ViewHolder();
- /*得到各個控件的對象*/
- holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);
- holder.text = (TextView) convertView.findViewById(R.id.ItemText);
- holder.bt = (Button) convertView.findViewById(R.id.ItemButton);
- convertView.setTag(holder);//綁定ViewHolder對象
- }
- else{
- holder = (ViewHolder)convertView.getTag();//取出ViewHolder對象
- }
- /*設置TextView顯示的內容,即我們存放在動態數組中的數據*/
- holder.title.setText(getDate().get(position).get("ItemTitle").toString());
- holder.text.setText(getDate().get(position).get("ItemText").toString());
- /*爲Button添加點擊事件*/
- holder.bt.setOnClickListener(new OnClickListener() {
- @Override
- publicvoid onClick(View v) {
- Log.v("MyListViewBase", "你點擊了按鈕" + position); //打印Button的點擊信息
- }
- });
- return convertView;
- }
- }
- /*存放控件*/
- publicfinalclass ViewHolder{
- public TextView title;
- public TextView text;
- public Button bt;
- }
- }
運行效果如圖4-36所示。還需要注意的是,Button會搶奪ListView的焦點,需要將Button設置爲沒有焦點。設置非常簡單,只需要在xml的Button標籤下加入一行:android:focusable=“false”代碼就可以了。在LogCat觀察點擊後輸出的信息,如圖4-37所示。
▲圖4-36 使用BaseAdapter的ListView
▲圖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會帶來更好的用戶體驗。