android應用開發全程實錄-你有多熟悉listview?(1)

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

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

一個ListView通常有兩個職責。

1)將數據填充到佈局。

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

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

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

1ListView中的每一列的View

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

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

也就是說,要使用ListView,首先要了解什麼是適配器。適配器是一個連接數據和AdapterViewListView就是一個典型的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控件。

 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent" 
  5.     > 
  6. <!-- 添加一個ListView控件 --> 
  7. <ListView 
  8.     android:id="@+id/lv" 
  9.     android:layout_width="fill_parent" 
  10.     android:layout_height="fill_parent" 
  11.     />             
  12. </LinearLayout> 

然後在Activity中初始化。

 

  1. publicclass MyListView extends Activity { 
  2.      
  3. privatestaticfinal String[] strs = new String[] { 
  4.     "first""second""third""fourth""fifth" 
  5.     };//定義一個String數組用來顯示ListView的內容 
  6. private ListView lv; 
  7.  
  8. /** Called when the activity is first created. */ 
  9. @Override 
  10. publicvoid onCreate(Bundle savedInstanceState) { 
  11. super.onCreate(savedInstanceState); 
  12.         setContentView(R.layout.main); 
  13.  
  14. lv = (ListView) findViewById(R.id.lv);//得到ListView對象的引用 
  15. /*爲ListView設置Adapter來綁定數據*/ 
  16. lv.setAdapter(new ArrayAdapter<String>(this
  17.                 android.R.layout.simple_list_item_1, strs)); 
  18.  
  19.     } 

     

                                                                        

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所示。

實現代碼如下:

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

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

實現代碼如下:

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

實現代碼如下:

   

4-30 帶選擇框的ListView

 

4-31 CheckBoxListView 

 

  4-32 RadioButtonListView

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

 

  1. lv.setOnItemClickListener(new OnItemClickListener() { 
  2.  
  3.             @Override 
  4.             publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2, 
  5.                     long arg3) { 
  6.                     //點擊後在標題上顯示點擊了第幾行 
  7.                     setTitle("你點擊了第"+arg2+"行"); 
  8.             } 
  9.         }); 

4.12.2 ListView使用SimpleAdapter

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

 

4-34 帶圖標的ListView

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

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

item.xml:

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <RelativeLayout 
  3. xmlns:android="http://schemas.android.com/apk/res/android" 
  4. android:layout_height="fill_parent" 
  5. android:layout_width="fill_parent"> 
  6. <ImageView 
  7. android:layout_alignParentRight="true" 
  8. android:layout_width="wrap_content" 
  9. android:layout_height="wrap_content" 
  10. android:id="@+id/ItemImage" 
  11. /> 
  12. <TextView 
  13. android:id="@+id/ItemTitle" 
  14. android:layout_height="wrap_content" 
  15. android:layout_width="fill_parent" 
  16. android:textSize="20sp" 
  17. /> 
  18. <TextView 
  19. android:id="@+id/ItemText" 
  20. android:layout_height="wrap_content" 
  21. android:layout_width="fill_parent" 
  22. android:layout_below="@+id/ItemTitle" 
  23. /> 
  24. </RelativeLayout> 

 配置完畢,就可以在Java代碼中爲ListView綁定數據。

 

  1. publicclass MyListViewSimple extends Activity { 
  2.      
  3.     private ListView lv; 
  4.      
  5. /** Called when the activity is first created. */ 
  6. @Override 
  7. publicvoid onCreate(Bundle savedInstanceState) { 
  8. super.onCreate(savedInstanceState); 
  9.         setContentView(R.layout.main); 
  10.  
  11. lv = (ListView) findViewById(R.id.lv); 
  12. /*定義一個動態數組*/ 
  13.           ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,     Object>>(); 
  14. /*在數組中存放數據*/ 
  15. for(int i=0;i<10;i++)   
  16.         {   
  17.             HashMap<String, Object> map = new HashMap<String, Object>();   
  18.             map.put("ItemImage", R.drawable.icon);//加入圖片 
  19.             map.put("ItemTitle""第"+i+"行");   
  20.             map.put("ItemText""這是第"+i+"行");   
  21.             listItem.add(map);   
  22.         }  
  23.  
  24.         SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,//需要綁定的數據 
  25.                 R.layout.item,//每一行的佈局 
  26. //動態數組中的數據源的鍵對應到定義佈局的View中 
  27. new String[] {"ItemImage","ItemTitle""ItemText"},    
  28. newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}   
  29.             ); 
  30.  
  31. lv.setAdapter(mSimpleAdapter);//爲ListView綁定適配器 
  32.  
  33. lv.setOnItemClickListener(new OnItemClickListener() { 
  34.  
  35.             @Override 
  36.             publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2, 
  37.                     long arg3) { 
  38.                 setTitle("你點擊了第"+arg2+"行");//設置標題欄顯示點擊的行 
  39.                  
  40.             } 
  41.         }); 
  42.     } 

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

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

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

3)構造SimpleAdapter對象。

4)將LsitView綁定到SimpleAdapter上。

 (51cto的編輯器竟然不支持這個長度的文章,下部分見下篇博文)

 

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