Android listview與adapter用法

一個ListView一般有兩個職責。android

1)將數據填充到佈局。數組

2)處理用戶的選擇點擊等操做。緩存

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

一個ListView的建立須要3個元素。函數

1ListView中的每一列的View佈局

2)填入View的數據或者圖片等。學習

3)鏈接數據與ListView的適配器。優化

也就是說,要使用ListView,首先要了解什麼是適配器。適配器是一個鏈接數據和AdapterViewListView就是一個典型的AdapterView,後面還會學習其餘的)的橋樑,經過它能有效地實現數據與AdapterView的分離設置,使AdapterView與數據的綁定更加簡便,修改更加方便spa

Android中提供了不少的Adapter,表4-5列出了經常使用的幾個。code

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  Activity {
    
privatestaticfinal String[] strs =  String[] {
    "first", "second", "third", "fourth", "fifth"
    }; ListView lv;
 @Override
publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState);
        setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.lv);
lv.setAdapter( ArrayAdapter<String>(,
                android.R.layout.simple_list_item_1, strs));

    }
}
複製代碼

 

                                                                              

4-29 ListView使用ArrayAdapter運行效果

代碼很是的簡單,運行效果如圖4-29所示。

 

分析一下使用的步驟。

1)定義一個數組來存放ListViewitem的內容。

2)經過實現ArrayAdapter的構造函數來建立一個ArrayAdapter的對象。

3)經過ListViewsetAdapter()方法綁定ArrayAdapter

其中第二步有必要說一下的是,ArrayAdapter有多個構造函數,例子中實現的是最經常使用的一種。第一個參數爲上下文,第二個參數爲一個包含TextView,用來填充ListView的每一行的佈局資源ID。第三個參數爲ListView的內容。其中第二個參數能夠自定義一個layout,可是這個layout必需要有TextView控件。一般咱們使用Android提供的資源,除了例子中所用的,經常使用的還有以下幾種,可實現帶RadioButtonCheckBoxListView

1)經過指定android.R.layout.simple_list_item_checked這個資源,實現帶選擇框的ListView。須要用setChoiceMode()方法設定選擇爲多選仍是單選,不然將不能實現選擇效果,運行效果如圖4-30所示。

實現代碼以下:

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

 (2)經過指定android.R.layout.simple_list_item_multiple_choice這個資源實現帶CheckBoxListView。一樣的,須要用setChoiceMode()方法來設置單選或者多選,運行效果如圖4-31所示。

實現代碼以下:

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

3)經過指定android.R.layout.simple_list_item_single_choice這個資源實現帶RadioButtonListView。這裏要注意的是,這裏並非指定了單選。是多選仍是單選要經過setChoiceMode()方法來指定,運行效果如圖4-32所示。

實現代碼以下:

 

複製代碼
lv.setAdapter(newArrayAdapter<String>(,

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

lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
複製代碼

 

    

 

4-30 帶選擇框的ListView                               ▲4-31 CheckBoxListView                              ▲4-32 RadioButtonListView

 

 在前面講到過,ListView的職責除了填充數據外,還要處理用戶的操做。經過以下的代碼就能夠爲ListView綁定一個點擊監聽器,點擊後在標題欄顯示點擊的行數。

複製代碼
lv.setOnItemClickListener( OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1,  arg2,                     arg3) {                                        setTitle("你點擊了第"+arg2+"行");
            }
        });
複製代碼

 

4.12.2 ListView使用SimpleAdapter

不少時候須要在列表中展現一些除了文字之外的東西,好比圖片等。這時候可使用SimpleAdapterSimpleAdapter的使用也很是簡單,同時它的功能也很是強大。能夠經過它自定義ListView中的item的內容,好比圖片、多選框等。看一個例子,實現一個每一行都有一個ImageViewTextViewListView。先看一下運行效果,如圖4-34所示。

 

4-34 帶圖標的ListView

 

首先在佈局文件中增長一個ListView控件。

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

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代碼中爲ListView綁定數據。

複製代碼
publicclass MyListViewSimple  Activity {    
     ListView lv;     @Override
publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState);
        setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.lv);
 ArrayList<HashMap<String, Object>> listItem =  ArrayList<HashMap<String,     Object>>();
 ( i=0;i<10;i++)  
        {  
            HashMap<String, Object> map =  HashMap<String, Object>();  
            map.put("ItemImage", R.drawable.icon);            map.put("ItemTitle", "第"+i+"行");  
            map.put("ItemText", "這是第"+i+"行");  
            listItem.add(map);  
        } 

        SimpleAdapter mSimpleAdapter =  SimpleAdapter(,listItem,
R.layout.item, String[] {"ItemImage"
,"ItemTitle", "ItemText"},   
newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}  
            );

lv.setAdapter(mSimpleAdapter); lv.setOnItemClickListener(
OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1,  arg2,                     arg3) {
                setTitle("你點擊了第"+arg2+"行");                
            }
        });
    }
}
複製代碼

 使用simpleAdapter的數據通常都是用HashMap構成的列表,列表的每一節對應ListView的每一行。經過SimpleAdapter的構造函數,將HashMap的每一個鍵的數據映射到佈局文件中對應控件上。這個佈局文件通常根據本身的須要來本身定義。梳理一下使用SimpleAdapter的步驟。

1)根據須要定義ListView每行所實現的佈局。

2)定義一個HashMap構成的列表,將數據以鍵值對的方式存放在裏面。

3)構造SimpleAdapter對象。

4)將LsitView綁定到SimpleAdapter上。

4.12.3 ListView使用BaseAdapterListView的優化

ListView的使用中,有時候還須要在裏面加入按鈕等控件,實現單獨的操做。也就是說,這個ListView再也不只是展現數據,也不只僅是這一行要來處理用戶的操做,而是裏面的控件要得到用戶的焦點。讀者能夠試試用SimpleAdapter添加一個按鈕到ListView的條目中,會發現能夠添加,可是卻沒法得到焦點,點擊操做被ListViewItem所覆蓋。這時候最方便的方法就是使用靈活的適配器BaseAdapter了。

 

                                                                             

 

4-35 BaseAdapter中的方法

使用BaseAdapter必須寫一個類繼承它,同時BaseAdapter是一個抽象類,繼承它必須實現它的方法。BaseAdapter的靈活性就在於它要重寫不少方法,看一下有哪些方法,如圖4-35所示爲繼承自BaseAdapterSpeechListAdapter所實現的方法,其中最重要的即爲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  Activity {    
     ListView lv;         ArrayList<HashMap<String, Object>>listItem;
@Override
publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState);
        setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.lv);
        MyAdapter mAdapter =  MyAdapter();lv.setAdapter(mAdapter);
lv.setOnItemClickListener( OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1,  arg2,                     arg3) {
        Log.v("MyListViewBase", "你點擊了ListView條目" + arg2);                
            }
        });

    }  ArrayList<HashMap<String, Object>> getDate(){
    
    ArrayList<HashMap<String, Object>> listItem =  ArrayList<HashMap<String,     Object>>();         ( i=0;i<30;i++)  
         {  
             HashMap<String, Object> map =  HashMap<String, Object>();  
             map.put("ItemTitle", "第"+i+"行");  
             map.put("ItemText", "這是第"+i+"行");  
             listItem.add(map);  
         } 
         listItem;
    
    } privateclass MyAdapter  BaseAdapter {     LayoutInflater mInflater;
 MyAdapter(Context context) {    .mInflater = LayoutInflater.from(context);
        }

        @Override
        publicint getCount() {            
             getDate().size();        }

        @Override         Object getItem( position) {
            returnnull;
        }

        @Override
        publiclong getItemId( position) {             0;
        }                 @Override         View getView(finalint position, View convertView, ViewGroup parent) {
             ViewHolder holder;
Log.v("MyListViewBase", "getView " + position + " " + convertView);             (convertView == ) {
                     convertView = mInflater.inflate(R.layout.item,    );
                     holder =  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);                   }    {
                    holder = (ViewHolder)convertView.getTag();                  }
holder.title.setText(getDate().get(position).get("ItemTitle").toString());
            holder.text.setText(getDate().get(position).get("ItemText").toString());            
                          holder.bt.setOnClickListener( OnClickListener() {
                
                @Override
                publicvoid onClick(View v) {
                Log.v("MyListViewBase", "你點擊了按鈕" + position);                                                    
                }
            });            
             convertView;
        }
    
    } publicfinalclass ViewHolder{     TextView title;     TextView text;     Button   bt;
    }
}
複製代碼

 運行效果如圖4-36所示。還須要注意的是,Button會搶奪ListView的焦點,須要將Button設置爲沒有焦點。設置很是簡單,只須要在xmlButton標籤下加入一行:android:focusable=「false」代碼就能夠了。在LogCat觀察點擊後輸出的信息,如圖4-37所示。

            

4-36 使用BaseAdapterListVie

w

 ▲4-37 點擊ListView條目和Button獲得的輸出

代碼中getView()方法不容易理解。其實徹底能夠不用所謂的convertViewViewHolder,直接導入佈局而且設置控件顯示的內容就能夠了。可是這意味着有多少行數據就須要繪製多少行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對控件的層層查詢,而是快速定位到控件。

相關文章
相關標籤/搜索