一個(gè)ListView通常有兩個(gè)職責(zé)。

（1）將數(shù)據(jù)填充到布局。
（2）處理用戶(hù)的選擇點(diǎn)擊等操作。

第一點(diǎn)很好理解，ListView就是實(shí)現(xiàn)這個(gè)功能的。第二點(diǎn)也不難做到，在后面的學(xué)習(xí)中讀者會(huì)發(fā)現(xiàn)，這非常簡(jiǎn)單。

一個(gè)ListView的創(chuàng)建需要3個(gè)元素。

（1）ListView中的每一列的View。
（2）填入View的數(shù)據(jù)或者圖片等。
（3）連接數(shù)據(jù)與ListView的適配器。

也就是說(shuō)，要使用ListView，首先要了解什么是適配器。適配器是一個(gè)連接數(shù)據(jù)和AdapterView（ListView就是一個(gè)典型的AdapterView，后面還會(huì)學(xué)習(xí)其他的）的橋梁，通過(guò)它能有效地實(shí)現(xiàn)數(shù)據(jù)與AdapterView的分離設(shè)置，使AdapterView與數(shù)據(jù)的綁定更加簡(jiǎn)便，修改更加方便

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

表4-5 常用適配器

  其實(shí)適配器還有很多，要注意的是，各種Adapter只不過(guò)是轉(zhuǎn)換的方式和能力不一樣而已。下面就通過(guò)使用不同的Adapter來(lái)為L(zhǎng)istView綁定數(shù)據(jù)（SimpleCursorAdapter暫且不講，后面講SQLite時(shí)會(huì)介紹）。

4.12.1 ListView使用ArrayAdapter

用ArrayAdapter可以實(shí)現(xiàn)簡(jiǎn)單的ListView的數(shù)據(jù)綁定。默認(rèn)情況下，ArrayAdapter綁定每個(gè)對(duì)象的toString值到layout中預(yù)先定義的TextView控件上。ArrayAdapter的使用非常簡(jiǎn)單。

實(shí)例：

工程目錄：EX_04_12

在布局文件中加入一個(gè)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"> <!-- 添加一個(gè)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"
 };//定義一個(gè)String數(shù)組用來(lái)顯示ListView的內(nèi)容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對(duì)象的引用 /*為L(zhǎng)istView設(shè)置Adapter來(lái)綁定數(shù)據(jù)*/ 
lv.setAdapter(new ArrayAdapter<String>(this,
    android.R.layout.simple_list_item_1, strs));

 }
}

 
 ▲圖4-29 ListView使用ArrayAdapter運(yùn)行效果
代碼非常的簡(jiǎn)單，運(yùn)行效果如圖4-29所示。

分析一下使用的步驟。

（1）定義一個(gè)數(shù)組來(lái)存放ListView中item的內(nèi)容。
（2）通過(guò)實(shí)現(xiàn)ArrayAdapter的構(gòu)造函數(shù)來(lái)創(chuàng)建一個(gè)ArrayAdapter的對(duì)象。
（3）通過(guò)ListView的setAdapter()方法綁定ArrayAdapter。

其中第二步有必要說(shuō)一下的是，ArrayAdapter有多個(gè)構(gòu)造函數(shù)，例子中實(shí)現(xiàn)的是最常用的一種。第一個(gè)參數(shù)為上下文，第二個(gè)參數(shù)為一個(gè)包含TextView，用來(lái)填充ListView的每一行的布局資源ID。第三個(gè)參數(shù)為L(zhǎng)istView的內(nèi)容。其中第二個(gè)參數(shù)可以自定義一個(gè)layout，但是這個(gè)layout必須要有TextView控件。通常我們使用Android提供的資源，除了例子中所用的，常用的還有如下幾種，可實(shí)現(xiàn)帶RadioButton和CheckBox的ListView。

（1）通過(guò)指定android.R.layout.simple_list_item_checked這個(gè)資源，實(shí)現(xiàn)帶選擇框的ListView。需要用setChoiceMode()方法設(shè)定選擇為多選還是單選，否則將不能實(shí)現(xiàn)選擇效果，運(yùn)行效果如圖4-30所示。
實(shí)現(xiàn)代碼如下：

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

 （2）通過(guò)指定android.R.layout.simple_list_item_multiple_choice這個(gè)資源實(shí)現(xiàn)帶CheckBox的ListView。同樣的，需要用setChoiceMode()方法來(lái)設(shè)置單選或者多選，運(yùn)行效果如圖4-31所示。
實(shí)現(xiàn)代碼如下：

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

（3）通過(guò)指定android.R.layout.simple_list_item_single_choice這個(gè)資源實(shí)現(xiàn)帶RadioButton的ListView。這里要注意的是，這里并不是指定了單選。是多選還是單選要通過(guò)setChoiceMode()方法來(lái)指定，運(yùn)行效果如圖4-32所示。
實(shí)現(xiàn)代碼如下：

 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 

在前面講到過(guò)，ListView的職責(zé)除了填充數(shù)據(jù)外，還要處理用戶(hù)的操作。通過(guò)如下的代碼就可以為L(zhǎng)istView綁定一個(gè)點(diǎn)擊監(jiān)聽(tīng)器，點(diǎn)擊后在標(biāo)題欄顯示點(diǎn)擊的行數(shù)。

lv.setOnItemClickListener(new OnItemClickListener() {

   @Override
   publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
     long arg3) {
     //點(diǎn)擊后在標(biāo)題上顯示點(diǎn)擊了第幾行     setTitle("你點(diǎn)擊了第"+arg2+"行");
   }
  });

4.12.2 ListView使用SimpleAdapter

很多時(shí)候需要在列表中展示一些除了文字以外的東西，比如圖片等。這時(shí)候可以使用SimpleAdapter。SimpleAdapter的使用也非常簡(jiǎn)單，同時(shí)它的功能也非常強(qiáng)大?？梢酝ㄟ^(guò)它自定義ListView中的item的內(nèi)容，比如圖片、多選框等?？匆粋€(gè)例子，實(shí)現(xiàn)一個(gè)每一行都有一個(gè)ImageView和TextView的ListView。先看一下運(yùn)行效果，如圖4-34所示。

▲圖4-34 帶圖標(biāo)的ListView

首先在布局文件中增加一個(gè)ListView控件。
 還需要定義一個(gè)ListView中每一行的布局，用RelativeLayout來(lái)實(shí)現(xiàn)一個(gè)帶兩行字和一個(gè)圖片的布局。

item.xml:

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

配置完畢，就可以在Java代碼中為L(zhǎng)istView綁定數(shù)據(jù)。

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);/*定義一個(gè)動(dòng)態(tài)數(shù)組*/   
 ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,  Object>>();/*在數(shù)組中存放數(shù)據(jù)*/
 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,//需要綁定的數(shù)據(jù)    
R.layout.item,//每一行的布局//動(dòng)態(tài)數(shù)組中的數(shù)據(jù)源的鍵對(duì)應(yīng)到定義布局的View中new String[] {"ItemImage"
,"ItemTitle", "ItemText"}, 
newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText} 
   );

lv.setAdapter(mSimpleAdapter);//為L(zhǎng)istView綁定適配器 lv.setOnItemClickListener(new 
OnItemClickListener() {

   @Override
   publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
     long arg3) {
    setTitle("你點(diǎn)擊了第"+arg2+"行");//設(shè)置標(biāo)題欄顯示點(diǎn)擊的行    
   }
  });
 }
}

使用simpleAdapter的數(shù)據(jù)一般都是用HashMap構(gòu)成的列表，列表的每一節(jié)對(duì)應(yīng)ListView的每一行。通過(guò)SimpleAdapter的構(gòu)造函數(shù)，將HashMap的每個(gè)鍵的數(shù)據(jù)映射到布局文件中對(duì)應(yīng)控件上。這個(gè)布局文件一般根據(jù)自己的需要來(lái)自己定義。梳理一下使用SimpleAdapter的步驟。

（1）根據(jù)需要定義ListView每行所實(shí)現(xiàn)的布局。
（2）定義一個(gè)HashMap構(gòu)成的列表，將數(shù)據(jù)以鍵值對(duì)的方式存放在里面。
（3）構(gòu)造SimpleAdapter對(duì)象。
（4）將LsitView綁定到SimpleAdapter上。

4.12.3 ListView使用BaseAdapter與ListView的優(yōu)化
在ListView的使用中，有時(shí)候還需要在里面加入按鈕等控件，實(shí)現(xiàn)單獨(dú)的操作。也就是說(shuō)，這個(gè)ListView不再只是展示數(shù)據(jù)，也不僅僅是這一行要來(lái)處理用戶(hù)的操作，而是里面的控件要獲得用戶(hù)的焦點(diǎn)。讀者可以試試用SimpleAdapter添加一個(gè)按鈕到ListView的條目中，會(huì)發(fā)現(xiàn)可以添加，但是卻無(wú)法獲得焦點(diǎn)，點(diǎn)擊操作被ListView的Item所覆蓋。這時(shí)候最方便的方法就是使用靈活的適配器BaseAdapter了。                                                                          

▲圖4-35 BaseAdapter中的方法

使用BaseAdapter必須寫(xiě)一個(gè)類(lèi)繼承它，同時(shí)BaseAdapter是一個(gè)抽象類(lèi)，繼承它必須實(shí)現(xiàn)它的方法。BaseAdapter的靈活性就在于它要重寫(xiě)很多方法，看一下有哪些方法，如圖4-35所示為繼承自BaseAdapter的SpeechListAdapter所實(shí)現(xiàn)的方法，其中最重要的即為getView()方法。這些方法都有什么作用呢？我們通過(guò)分析ListView的原理來(lái)為讀者解答。 

當(dāng)系統(tǒng)開(kāi)始繪制ListView的時(shí)候，首先調(diào)用getCount()方法。得到它的返回值，即ListView的長(zhǎng)度。然后系統(tǒng)調(diào)用getView()方法，根據(jù)這個(gè)長(zhǎng)度逐一繪制ListView的每一行。也就是說(shuō)，如果讓getCount()返回1，那么只顯示一行。而getItem()和getItemId()則在需要處理和取得Adapter中的數(shù)據(jù)時(shí)調(diào)用。那么getView如何使用呢？如果有10000行數(shù)據(jù)，就繪制10000次？這肯定會(huì)極大的消耗資源，導(dǎo)致ListView滑動(dòng)非常的慢，那應(yīng)該怎么做呢？通過(guò)一個(gè)例子來(lái)講解如何在使用BaseAdapter的時(shí)候優(yōu)化ListView的顯示。例子中將上一節(jié)中的ImageView換成Button，并且處理Button的點(diǎn)擊事件，其中對(duì)ListView的顯示做了優(yōu)化。 

布局文件和上一例類(lèi)同，讀者可以在光盤(pán)的工程目錄中查看，這里只給出Activity類(lèi)。

publicclass MyListViewBase extends Activity {
 
 private ListView lv;
 /*定義一個(gè)動(dòng)態(tài)數(shù)組*/  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);//得到一個(gè)MyAdapter對(duì)象lv.setAdapter(mAdapter);//為L(zhǎng)istView綁定Adapter /*為L(zhǎng)istView添加點(diǎn)擊事件*/ 
lv.setOnItemClickListener(new OnItemClickListener() {

   @Override
   publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
     long arg3) {
  Log.v("MyListViewBase", "你點(diǎn)擊了ListView條目" + arg2);//在LogCat中輸出信息    
   }
  });

 }/*添加一個(gè)得到數(shù)據(jù)的方法，方便使用*/ private ArrayList<HashMap<String, Object>> getDate(){
 
 ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,  Object>>();
 /*為動(dòng)態(tài)數(shù)組添加數(shù)據(jù)*/  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;
 
 }/*  * 新建一個(gè)類(lèi)繼承BaseAdapter，實(shí)現(xiàn)視圖與數(shù)據(jù)的綁定
  */ privateclass MyAdapter extends BaseAdapter {
 private LayoutInflater mInflater;//得到一個(gè)LayoutInfalter對(duì)象用來(lái)導(dǎo)入布局 /*構(gòu)造函數(shù)*/ 
public MyAdapter(Context context) {
 this.mInflater = LayoutInflater.from(context);
  }

  @Override
  publicint getCount() {
   
   return getDate().size();//返回?cái)?shù)組的長(zhǎng)度  }

  @Override
  public Object getItem(int position) {
   returnnull;
  }

  @Override
  publiclong getItemId(int position) {
   return 0;
  }
  /*書(shū)中詳細(xì)解釋該方法*/   @Override
  public View getView(finalint position, View convertView, ViewGroup parent) {
    ViewHolder holder;
   //觀察convertView隨ListView滾動(dòng)情況    
Log.v("MyListViewBase", "getView " + position + " " + convertView);
   if (convertView == null) {
      convertView = mInflater.inflate(R.layout.item,
 null);
      holder = new ViewHolder();
     /*得到各個(gè)控件的對(duì)象*/     
 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對(duì)象     }
 else{
     holder = (ViewHolder)convertView.getTag();//取出ViewHolder對(duì)象     }
   /*設(shè)置TextView顯示的內(nèi)容，即我們存放在動(dòng)態(tài)數(shù)組中的數(shù)據(jù)*/    
holder.title.setText(getDate().get(position).get("ItemTitle").toString());
   holder.text.setText(getDate().get(position).get("ItemText").toString());
   
   /*為Button添加點(diǎn)擊事件*/    holder.bt.setOnClickListener(new OnClickListener() {
    
    @Override
    publicvoid onClick(View v) {
    Log.v("MyListViewBase", "你點(diǎn)擊了按鈕" + position);        //打印Button的點(diǎn)擊信息     
    }
   });
   
   return convertView;
  }
 
 }/*存放控件*/ publicfinalclass ViewHolder{
 public TextView title;
 public TextView text;
 public Button bt;
 }
}

運(yùn)行效果如圖4-36所示。還需要注意的是，Button會(huì)搶奪ListView的焦點(diǎn)，需要將Button設(shè)置為沒(méi)有焦點(diǎn)。設(shè)置非常簡(jiǎn)單，只需要在xml的Button標(biāo)簽下加入一行：android:focusable=“false”代碼就可以了。在LogCat觀察點(diǎn)擊后輸出的信息，如圖4-37所示。           

▲圖4-36 使用BaseAdapter的ListVie

▲圖4-37 點(diǎn)擊ListView條目和Button得到的輸出

代碼中g(shù)etView()方法不容易理解。其實(shí)完全可以不用所謂的convertView和ViewHolder，直接導(dǎo)入布局并且設(shè)置控件顯示的內(nèi)容就可以了。但是這意味著有多少行數(shù)據(jù)就需要繪制多少行ListView，這顯然是不可取的。這里采用了一種優(yōu)化的方法。代碼中，在getView()方法中加入了一行l(wèi)og輸出convertView的內(nèi)容。滾動(dòng)ListView，輸出信息如圖4-38所示。

從圖4-38中可以看出，當(dāng)啟動(dòng)Activity呈現(xiàn)第一屏ListView的時(shí)候，convertView為零。當(dāng)用戶(hù)向下滾動(dòng)ListView時(shí)，上面的條目變?yōu)椴豢梢?jiàn)，下面出現(xiàn)新的條目。這時(shí)候convertView不再為空，而是創(chuàng)建了一系列的convertView的值。當(dāng)又往下滾一屏的時(shí)候，發(fā)現(xiàn)第11行的容器用來(lái)容納第22行，第12行的容器用來(lái)容納第23行。也就是說(shuō)convertView相當(dāng)于一個(gè)緩存，開(kāi)始為0，當(dāng)有條目變?yōu)椴豢梢?jiàn)，它緩存了它的數(shù)據(jù)，后面再出來(lái)的條目只需要更新數(shù)據(jù)就可以了，這樣大大節(jié)省了系統(tǒng)資料的開(kāi)銷(xiāo)。

還可以繼續(xù)優(yōu)化。雖然重復(fù)利用了已經(jīng)繪制的view，但是要得到其中的控件，需要在控件的容器中通過(guò)findViewById的方法來(lái)獲得。如果這個(gè)容器非常復(fù)雜，這顯然會(huì)增加系統(tǒng)資源的開(kāi)銷(xiāo)。在上面的例子中，引入了Tag的概念?；蛟S不是最好的辦法，但是它確實(shí)能使ListView變得更流暢。代碼中，當(dāng)convertView為空時(shí)，用setTag()方法為每個(gè)View綁定一個(gè)存放控件的ViewHolder對(duì)象。當(dāng)convertView不為空，重復(fù)利用已經(jīng)創(chuàng)建的view的時(shí)候，使用getTag()方法獲取綁定的ViewHolder對(duì)象，這樣就避免了findViewById對(duì)控件的層層查詢(xún)，而是快速定位到控件。       

▲圖4-38 滾動(dòng)ListView輸出的convertView的值

總結(jié)一下，這節(jié)介紹了用BaseAdapter來(lái)綁定ListView的數(shù)據(jù)。因?yàn)锽aseAdapter非常靈活，使用也相對(duì)較其他控件麻煩。同時(shí)ListView的優(yōu)化問(wèn)題也值得讀者去研究，一個(gè)流暢的ListView會(huì)帶來(lái)更好的用戶(hù)體驗(yàn)。  

▲圖4-38 滾動(dòng)ListView輸出的convertView的值

總結(jié)一下，這節(jié)介紹了用BaseAdapter來(lái)綁定ListView的數(shù)據(jù)。因?yàn)锽aseAdapter非常靈活，使用也相對(duì)較其他控件麻煩。同時(shí)ListView的優(yōu)化問(wèn)題也值得讀者去研究，一個(gè)流暢的ListView會(huì)帶來(lái)更好的用戶(hù)體驗(yàn)。

以上就是對(duì)Android listview與adapter 的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料謝謝大家對(duì)本站的支持！

最新評(píng)論