本文轉載自http://www.cnblogs.com/noTice520/archive/2011/12/05/2276379.html

這是一篇我看到的講解Listview比較全面的文章，所以轉了過來。文章如下：

今天給大家帶來《android應用開發全程實錄》中關於listview和adatper中的部分。包括listview的基本使用，listview的優化等。

我們經常會在應用程式中使用列表的形式來展現一些內容，所以學好ListView是非常必需的。ListView也是Android中比較難以使用的控制元件，這節內容就將詳細解讀ListView的用法。

一個ListView通常有兩個職責。

（1）將資料填充到佈局。

（2）處理使用者的選擇點選等操作。

第一點很好理解，ListView就是實現這個功能的。第二點也不難做到，在後面的學習中讀者會發現，這非常簡單。

一個ListView的建立需要3個元素。

（1）ListView中的每一列的View。

（2）填入View的資料或者圖片等。

（3）連線資料與ListView的介面卡。

也就是說，要使用ListView，首先要了解什麼是介面卡。介面卡是一個連線資料和AdapterView（ListView就是一個典型的AdapterView，後面還會學習其他的）的橋樑，通過它能有效地實現資料與AdapterView

的分離設定，使AdapterView與資料的繫結更加簡便，修改更加方便

Android中提供了很多的Adapter，表4-5列出了常用的幾個。

表4-5 常用介面卡

Adapter	含義
ArrayAdapter<T>	用來繫結一個數組，支援泛型操作
SimpleAdapter	用來繫結在xml中定義的控制元件對應的資料
SimpleCursorAdapter	用來繫結遊標得到的資料
BaseAdapter	通用的基礎介面卡

 

 其實介面卡還有很多，要注意的是，各種Adapter只不過是轉換的方式和能力不一樣而已。下面就通過使用不同的Adapter來為ListView繫結資料（SimpleCursorAdapter暫且不講，後面講SQLite時會介紹）。

4.12.1 ListView使用ArrayAdapter

用ArrayAdapter可以實現簡單的ListView的資料繫結。預設情況下，ArrayAdapter繫結每個物件的toString值到layout中預先定義的TextView控制元件上。ArrayAdapter的使用非常簡單。

例項：

工程目錄：EX_04_12

在佈局檔案中加入一個ListView控制元件。

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
<!-- 新增一個ListView控制元件 -->
<ListView
android:id="@+id/lv"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>            
</LinearLayout>

然後在Activity中初始化。

publicclass MyListView extends Activity {

privatestaticfinal String[] strs = new String[] {
    "first", "second", "third", "fourth", "fifth"
    };//定義一個String陣列用來顯示ListView的內容
private ListView lv;

/** 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);//得到ListView物件的引用
/*為ListView設定Adapter來繫結資料*/
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, strs));

    }
}

 

                                                                              

▲圖4-29 ListView使用ArrayAdapter執行效果

程式碼非常的簡單，執行效果如圖4-29所示。

 

分析一下使用的步驟。

（1）定義一個數組來存放ListView中item的內容。

（2）通過實現ArrayAdapter的建構函式來建立一個ArrayAdapter的物件。

（3）通過ListView的setAdapter()方法繫結ArrayAdapter。

其中第二步有必要說一下的是，ArrayAdapter有多個建構函式，例子中實現的是最常用的一種。第一個引數為上下文，第二個引數為一個包含TextView，用來填充ListView的每一行的佈局資源ID。第三個引數為ListView的內容。其中第二個引數可以自定義一個layout，但是這個layout必須要有TextView控制元件。通常我們使用Android提供的資源，除了例子中所用的，常用的還有如下幾種，可實現帶RadioButton和CheckBox的ListView。

（1）通過指定android.R.layout.simple_list_item_checked這個資源，實現帶選擇框的ListView。需要用setChoiceMode()方法設定選擇為多選還是單選，否則將不能實現選擇效果，執行效果如圖4-30所示。

實現程式碼如下：

lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_checked, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

 （2）通過指定android.R.layout.simple_list_item_multiple_choice這個資源實現帶CheckBox的ListView。同樣的，需要用setChoiceMode()方法來設定單選或者多選，執行效果如圖4-31所示。

實現程式碼如下：

lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_multiple_choice, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

（3）通過指定android.R.layout.simple_list_item_single_choice這個資源實現帶RadioButton的ListView。這裡要注意的是，這裡並不是指定了單選。是多選還是單選要通過setChoiceMode()方法來指定，執行效果如圖4-32所示。

實現程式碼如下：

 

lv.setAdapter(newArrayAdapter<String>(this,

android.R.layout.simple_list_item_single_choice,strs));

lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

 

    

 

▲圖4-30 帶選擇框的ListView                               ▲圖4-31 帶CheckBox的ListView                              ▲圖4-32 帶RadioButton的ListView

 

 在前面講到過，ListView的職責除了填充資料外，還要處理使用者的操作。通過如下的程式碼就可以為ListView繫結一個點選監聽器，點選後在標題欄顯示點選的行數。

lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
//點選後在標題上顯示點選了第幾行
                    setTitle("你點選了第"+arg2+"行");
            }
        });

 

4.12.2 ListView使用SimpleAdapter

很多時候需要在列表中展示一些除了文字以外的東西，比如圖片等。這時候可以使用SimpleAdapter。SimpleAdapter的使用也非常簡單，同時它的功能也非常強大。可以通過它自定義ListView中的item的內容，比如圖片、多選框等。看一個例子，實現一個每一行都有一個ImageView和TextView的ListView。先看一下執行效果，如圖4-34所示。

 

▲圖4-34 帶圖示的ListView

 

首先在佈局檔案中增加一個ListView控制元件。

 還需要定義一個ListView中每一行的佈局，用RelativeLayout來實現一個帶兩行字和一個圖片的佈局。

item.xml:

<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent"
android:layout_width="fill_parent">
<ImageView
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ItemImage"
/>
<TextView
android:id="@+id/ItemTitle"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:textSize="20sp"
/>
<TextView
android:id="@+id/ItemText"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_below="@+id/ItemTitle"
/>
</RelativeLayout>

 配置完畢，就可以在Java程式碼中為ListView繫結資料。

publicclass MyListViewSimple extends Activity {

private ListView lv;

/** 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);
/*定義一個動態陣列*/
          ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,     Object>>();
/*在陣列中存放資料*/
for(int i=0;i<10;i++)  
        {  
            HashMap<String, Object> map = new HashMap<String, Object>();  
            map.put("ItemImage", R.drawable.icon);//加入圖片
            map.put("ItemTitle", "第"+i+"行");  
            map.put("ItemText", "這是第"+i+"行");  
            listItem.add(map);  
        } 

        SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,//需要繫結的資料
                R.layout.item,//每一行的佈局
//動態陣列中的資料來源的鍵對應到定義佈局的View中
new String[] {"ItemImage","ItemTitle", "ItemText"},   
newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}  
            );

lv.setAdapter(mSimpleAdapter);//為ListView繫結介面卡

lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
                setTitle("你點選了第"+arg2+"行");//設定標題欄顯示點選的行
                
            }
        });
    }
}

 使用simpleAdapter的資料一般都是用HashMap構成的列表，列表的每一節對應ListView的每一行。通過SimpleAdapter的建構函式，將HashMap的每個鍵的資料對映到佈局檔案中對應控制元件上。這個佈局檔案一般根據自己的需要來自己定義。梳理一下使用SimpleAdapter的步驟。

（1）根據需要定義ListView每行所實現的佈局。

（2）定義一個HashMap構成的列表，將資料以鍵值對的方式存放在裡面。

（3）構造SimpleAdapter物件。

（4）將LsitView繫結到SimpleAdapter上。

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的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會帶來更好的使用者體驗。