android視圖組件之ListView

ListView是android系統中比較常用的視圖組件,它的構建主要包含兩方面信息:分別是UI組件的繪制和數據源的設置。UI組件和數據源之間通過適配器建立關聯。這裡的適配器充當媒人的角色,在為UI組件和數據源介紹親事之前,媒人需要對雙方有所瞭解,瞭解的內容包括:ListItem的佈局信息和數據源的實體信息。

常用的適配器有兩種,分別是ArrayAdapter和SimpleAdapter
ArrayAdapter的應用場景:
ListItem顯示單一,隻需顯示一條文本信息即可
示例圖:

針對這種顯示方式,android系統為我們提供瞭默認的ListItem佈局
res\layout\simple_list_item_1.xml
[html] 
<TextView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/text1"    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:textAppearance="?android:attr/textAppearanceListItemSmall" 
    android:gravity="center_vertical" 
    android:paddingLeft="?android:attr/listPreferredItemPaddingLeft" 
    android:paddingRight="?android:attr/listPreferredItemPaddingRight" 
    android:minHeight="?android:attr/listPreferredItemHeightSmall"/> 
該佈局定義瞭一個TextView用於顯示ListItem的文本內容,構造ArrayAdapter之前,隻需將該TextView的id和佈局文件id作為參數傳遞至ArrayAdapter的構造參數中即可。
[java] view plaincopy
new ArrayAdapter<Word>(context,android.R.layout.simple_list_item_1,android.R.id.text1,List<?>  dataSource); 
第四個參數表數據源信息,TextView要顯示的文本內容即為List集合中實體元素的toString()值。

如果我們想自定義ListItem佈局以便ListView的顯示更加豐富,那麼我們經常會用到另外一種適配器SimpieAdapter。
SimpieAdapter的數據源呈如下結構:List<Map<String,Object>>,List集合中不再是實體對象,而是一個Map,Map.Entry會和ListItem進行綁定,而Map的Value值會映射到ListItem的顯示內容中去。
假設,我們構造瞭如下ListItem佈局:
[html] 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" > 
    <ImageView 
        android:id="@+id/fileItem_image" 
        android:layout_width="32dp" 
        android:layout_height="32dp" 
        android:layout_margin="4dp" 
        android:contentDescription="@string/img_desc"/> 
    <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:orientation="vertical" > 
        <TextView 
            android:id="@+id/fileItem_name" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"/> 
        <TextView 
            android:id="@+id/fileItem_path" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"/> 
    </LinearLayout> 
</LinearLayout> 
又提供瞭如下數據源信息:
[java] 
List<Map<String,Object>> fileList=new ArrayList<Map<String,Object>>(); 
Map<String,Object> fileInfo=new HashMap<String,Object>(); 
fileInfo.put("img",R.drawable.img); 
fileInfo.put("name","fileName"); 
fileInfo.put("path","filePath"); 
fileList.add(fileInfo); 
便可通過如下構造器構建SimpleAdapter對象
[java] 
new SimpleAdapter(context, fileList, R.layout.filelist_item, new String[]{"img", "name", "path"}, 
                new int[]{R.id.fileItem_image, R.id.fileItem_name, R.id.fileItem_path}); 
由構造器可以看出,img、name和path分別和fileItem_image、fileItem_name和fileItem_path三個組件形成映射,它們的value值將會顯示到3個組件的文本內容中去。
顯示效果:

ListView組件可監聽如下事件:
選擇:setOnItemSelectedListener
單擊:setOnItemClickListener
長點擊事件:setOnItemLongClickListener
長點擊顯示contextMenu:setOnCreateContextMenuListener

 

You May Also Like