Andriod ListView implement

  Android入門第六篇之ListView (一) ，講的是如何製作一個具有兩行文本的 自定義控件 ，作爲ListView的Item的使用方法。這篇接下來也是圍繞ListView和Item，更加深入地介紹它們的用法。

       首先，先來看看本文代碼運行的結果，本文的Item比上一篇中的Item多出左邊的圖標：

 

      main.xml的源代碼，跟上一篇的一樣，這裏就不作解釋了，直接貼出item.xml的代碼，就是它實現ImageItem的UI：

[xhtml] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>    
2. <RelativeLayout     
3.          android:layout_width="fill_parent"     
4.          xmlns:android="http://schemas.android.com/apk/res/android"     
5.          android:layout_height="wrap_content"     
6.          android:paddingBottom="4dip"     
7.          android:paddingLeft="12dip">    
8.          <ImageView     
9.                android:layout_width="wrap_content"     
10.                android:id="@+id/itemImage" android:layout_height="fill_parent">     
11.          </ImageView>    
12.          <TextView     
13.                android:text="TextView01"     
14.                android:layout_height="wrap_content"     
15.                android:layout_width="fill_parent"     
16.                android:id="@+id/itemTitle" android:layout_toRightOf="@+id/itemImage" android:textSize="20dip">    
17.          </TextView>    
18.          <TextView     
19.                android:text="TextView02"     
20.                android:layout_height="wrap_content"     
21.                android:layout_width="fill_parent"     
22.                android:id="@+id/itemText" android:layout_toRightOf="@+id/itemImage" android:layout_below="@+id/itemTitle">    
23.          </TextView>    
24. </RelativeLayout>   

      解釋一下 item.xml的代碼：這裏使用了RelativeLayout佈局，控件的關鍵的屬性是：

itemTitle的屬性 android:layout_toRightOf="@+id/itemImage" ，itemTitle在itemImage的右邊；

itemText的屬性 android:layout_toRightOf="@+id/itemImage"，ItemText在itemImage的右邊， android:layout_below="@+id/itemTitle"， itemText 在 itemTitle的下面。

       最後，貼出JAVA的源代碼，其中重點是LayoutInflate的用法。LayoutInflate的使用方法如下： 

• LayoutInflater的作用是，把一個View的對象與XML佈局文件關聯並實例化。
• View的對象實例化之後，可以通過findViewById()查找佈局文件中的指定Id的組件。

 

[java] view plaincopyprint?

1. package com.testListView;  
2.   
3. import android.app.Activity;  
4. import android.content.Context;  
5. import android.os.Bundle;  
6. import android.view.LayoutInflater;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.widget.BaseAdapter;  
10. import android.widget.ImageView;  
11. import android.widget.ListView;  
12. import android.widget.TextView;  
13.   
14. public class testListView extends Activity {  
15.     ListView listView;  
16.     String[] titles={"標題1","標題2","標題3","標題4"};  
17.     String[] texts={"文本內容A","文本內容B","文本內容C","文本內容D"};  
18.     int[] resIds={R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon};  
19.       
20.     @Override  
21.     public void onCreate(Bundle savedInstanceState) {  
22.         super.onCreate(savedInstanceState);  
23.         setContentView(R.layout.main);  
24.         this.setTitle("BaseAdapter for ListView");  
25.         listView=(ListView)this.findViewById(R.id.listView1);  
26.         listView.setAdapter(new ListViewAdapter(titles,texts,resIds));  
27.     }  
28.   
29.     public class ListViewAdapter extends BaseAdapter {  
30.         View[] itemViews;  
31.   
32.         public ListViewAdapter(String[] itemTitles, String[] itemTexts,  
33.                 int[] itemImageRes) {  
34.             itemViews = new View[itemTitles.length];  
35.   
36.             for (int i = 0; i < itemViews.length; i++) {  
37.                 itemViews[i] = makeItemView(itemTitles[i], itemTexts[i],  
38.                         itemImageRes[i]);  
39.             }  
40.         }  
41.   
42.         public int getCount() {  
43.             return itemViews.length;  
44.         }  
45.   
46.         public View getItem(int position) {  
47.             return itemViews[position];  
48.         }  
49.   
50.         public long getItemId(int position) {  
51.             return position;  
52.         }  
53.   
54.         private View makeItemView(String strTitle, String strText, int resId) {  
55.             LayoutInflater inflater = (LayoutInflater) testListView.this  
56.                     .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
57.   
58.             // 使用View的對象itemView與R.layout.item關聯  
59.             View itemView = inflater.inflate(R.layout.item, null);  
60.   
61.             // 通過findViewById()方法實例R.layout.item內各組件  
62.             TextView title = (TextView) itemView.findViewById(R.id.itemTitle);  
63.             title.setText(strTitle);  
64.             TextView text = (TextView) itemView.findViewById(R.id.itemText);  
65.             text.setText(strText);  
66.             ImageView image = (ImageView) itemView.findViewById(R.id.itemImage);  
67.             image.setImageResource(resId);  
68.               
69.             return itemView;  
70.         }  
71.   
72.         public View getView(int position, View convertView, ViewGroup parent) {  
73.             if (convertView == null)  
74.                 return itemViews[position];  
75.             return convertView;  
76.         }  
77.     }  
78.   

1. }