listview與adapter用法


一個ListView一般有兩個職責: html

1)將數據填充到佈局。
2)處理用戶的選擇點擊等操做。 java

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

一個ListView的建立須要3個元素: 編程

1ListView中的每一列的View。(adapter中的convertView
2)填入View的數據或者圖片等。(item項,resourcebean對象)
3)鏈接數據與ListView的適配器。(adapter 數組

也就是說,要使用ListView,首先要了解什麼是適配器。適配器是一個鏈接數據和AdapterViewListView就是一個典型的AdapterView,後面還會學習其餘的)的橋樑,經過它能有效地實現數據與AdapterView的分離設置,使AdapterView與數據的綁定更加簡便,修改更加方便,Android中提供了不少的Adapter,表4-5列出了經常使用的幾個。 緩存

4-5 經常使用適配器 ide

Adapter 函數

含義 佈局

ArrayAdapter<T> 學習

用來綁定一個數組,支持泛型操做

SimpleAdapter

用來綁定在xml中定義的控件對應的數據

SimpleCursorAdapter

用來綁定遊標獲得的數據

BaseAdapter

通用的基礎適配器

 

 其實適配器還有不少,要注意的是,各類Adapter只不過是轉換的方式和能力不同而已。下面就經過使用不一樣的Adapter來爲ListView綁定數據(SimpleCursorAdapter暫且不講,後面講SQLite時會介紹)。

1. ListView使用ArrayAdapter

ArrayAdapter能夠實現簡單的ListView的數據綁定。默認狀況下,ArrayAdapter綁定每一個對象的toString值到layout中預先定義的TextView控件上。ArrayAdapter的使用很是簡單。

實例:

在佈局文件中加入一個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中初始化。 

Public class MyListView extends Activity {

private static final 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所示。

                                                                       

4-29 ListView使用ArrayAdapter運行效果


分析一下使用的步驟:
1)定義一個數組來存放ListViewitem的內容。
2)經過實現ArrayAdapter的構造函數來建立一個ArrayAdapter的對象。
3)經過ListViewsetAdapter()方法綁定ArrayAdapter

其中第二步有必要說一下的是,ArrayAdapter有多個構造函數,例子中實現的是最經常使用的一種。第一個參數爲上下文,第二個參數爲一個包含TextView,用來填充ListView的每一行(item)的佈局資源ID。第三個參數爲ListView的內容。

其中第二個參數能夠自定義一個layout,可是這個layout必需要有TextView控件。一般咱們使用Android提供的資源,除了例子中所用的,經常使用的還有以下幾種,可實現帶RadioButtonCheckBoxListView

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這個資源實現帶CheckBoxListView。一樣的,須要用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 帶選擇框                                4-31 CheckBox                      4-32 RadioButton

 

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

lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {

                    //arg2參數就是行數
                    setTitle("你點擊了第"+arg2+"行");
            }
        });



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 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"},  

        new int[] {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上。


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 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,實現視圖與數據的綁定*/
    private class 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
                public void onClick(View v) {
                    Log.v("MyListViewBase", "你點擊了按鈕" + position);                                //打印Button的點擊信息                   
                }
         });

         return convertView;
        }

   }

    /*存放控件*/
    public final class ViewHolder{
        public TextView title;
        public TextView text;
        public Button   bt;
    }

}

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

          
4-36 使用BaseAdapterListView


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對控件的層層查詢,而是快速定位到控件


轉自:http://www.cnblogs.com/zhengbeibei/archive/2013/05/14/3078805.html



20151103


ANDROID編程學習系列

--------------------------------------------

                    聯繫方式

--------------------------------------------

        Weibo: ARESXIONG

        E-Mail: aresxdy@gmail.com

------------------------------------------------

相關文章
相關標籤/搜索