listview與adapter用法

Android  listview與adapter用法


一個ListView通常有兩個職責。

1)將數據填充到佈局。

2)處理用戶的選擇點擊等操作。

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


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

1ListView中的每一列的View

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

3)連接數據與ListView的適配器。


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

Android中提供了很多的Adapter,下表列出了常用的幾個。

常用適配器

Adapter

含義

ArrayAdapter<T>

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

SimpleAdapter

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

SimpleCursorAdapter

用來綁定遊標得到的數據

BaseAdapter

通用的基礎適配器

 

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

ListView使用ArrayAdapter

    用ArrayAdapter可以實現簡單的ListView的數據綁定。默認情況下,ArrayAdapter綁定每個對象的toString值到layout中預先定義的TextView控件上。ArrayAdapter的使用非常簡單。

在佈局文件中加入一個ListView控件。

複製代碼

<?xmlversion="1.0"encoding="utf-8"?> 
<LinearLayout xmlns:android="
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"> 
 <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"
    };
    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); 
          
      lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, strs));
   }
}

                                                                             

ListView使用ArrayAdapter運行效果

代碼非常的簡單,運行效果如圖所示。

 

分析一下使用的步驟。

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(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這個資源實現帶RadioButtonListView。這裏要注意的是,這裏並不是指定了單選。是多選還是單選要通過setChoiceMode()方法來指定,運行效果如圖所示。

實現代碼如下:

 

複製代碼

lv.setAdapter(newArrayAdapter<String>(this,

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

lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

 


            ▲帶選擇框的ListView   
 

 

 

                        ▲CheckBoxListView                                                    ▲RadioButtonListView

 

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

複製代碼

lv.setOnItemClickListener(new OnItemClickListener() {

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

複製代碼

 

ListView使用SimpleAdapter

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

 

帶圖標的ListView

 

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

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

item.xml:

複製代碼

<?xmlversion="1.0"encoding="utf-8"?>
 <RelativeLayout xmlns: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+"行");  view
            listItem.add(map);  
        }    
        SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,        
        R.layout.item,
           
        new String[] {"ItemImage","ItemTitle", "ItemText"},   
        newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});
              
       lv.setAdapter(mSimpleAdapter);
       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上。

ListView使用BaseAdapterListView的優化

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

                                                                           

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
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

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

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) 
             {                   
               Log.v("MyListViewBase", "你點擊了ListView條目" + arg2);             
             }
        });
    }
          
    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;
    
    }
          
          
          
          
          
          
    privateclass MyAdapter extends BaseAdapter {    
       private LayoutInflater mInflater; 
           
      public MyAdapter(Context context) {    
          mInflater = LayoutInflater.from(context);
        }

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

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

        @Override
        publiclong getItemId(int position) {            
            return 0;
          }        
                 
        @Override        
        public View getView(finalint position, View convertView, ViewGroup parent) {
             ViewHolder viewHolder;            
             Log.v("MyListViewBase", "getView " + position + " " + convertView);
                if (convertView == null) {                     
                   convertView = mInflater.inflate(R.layout.item,null);
                   viewHolder= new ViewHolder();                    
                     
                   viewHolder.title = (TextView) convertView.findViewById(R.id.ItemTitle);
                   viewHolder.text = (TextView) convertView.findViewById(R.id.ItemText);
                   viewHolder.bt = (Button) convertView.findViewById(R.id.ItemButton);
                   convertView.setTag(viewHolder);               
                 }else{
                   viewHolder= (ViewHolder)convertView.getTag(); 
                     }
                                  
            viewHolder.title.setText(getDate().get(position).get("ItemTitle").toString());
            viewHolder.text.setText(getDate().get(position).get("ItemText").toString());            
                     
                                   
            viewHolder.btn.setOnClickListener(new OnClickListener() {                
                @Override
                public void onClick(View v) {
                  Log.v("MyListViewBase", "你點擊了按鈕" + position);                                //打印Button的點擊信息                    
                    }
                });
            
             return convertView;
        }
    
    }
         
    static class ViewHolder{
        public TextView title;  
        public TextView text;
        public Button   btn;
    }
}

 

    運行效果如下圖所示。還需要注意的是,Button會搶奪ListView的焦點,需要將Button設置爲沒有焦點。設置非常簡單,只需要在xmlButton標籤下加入一行:android:focusable=“false”代碼就可以了。在LogCat觀察點擊後輸出的信息,如圖所示。

            

使用BaseAdapterListVie

w

 ▲點擊ListView條目和Button得到的輸出

    代碼中getView()方法不容易理解。其實完全可以不用所謂的convertViewViewHolder,直接導入佈局並且設置控件顯示的內容就可以了。但是這意味着有多少行數據就需要繪製多少行ListView,這顯然是不可取的。這裏採用了一種優化的方法。代碼中,在getView()方法中加入了一行log輸出convertView的內容。滾動ListView,輸出信息如上圖所示。

    從上圖中可以看出,當啓動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對控件的層層查詢,而是快速定位到控件。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章