Android入门第七篇之ListView (二)

  Android入门第六篇之ListView (一) ，讲的是如何制作一个具有两行文本的 自定义控件 ，作为ListView的Item的使用方法。这篇接下来也是围绕ListView和Item，更加深入地介绍它们的用法。

       首先，先来看看本文代码运行的结果，本文的Item比上一篇中的Item多出左边的图标：

 main.xml的源代码，跟上一篇的一样，这里就不作解释了，直接贴出item.xml的代码，就是它实现ImageItem的UI：

[xhtml] view plain copy print ?

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>   

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:paddingBottom="4dip" android:paddingLeft="12dip"> <ImageView android:layout_width="wrap_content" android:id="@+id/itemImage" android:layout_height="fill_parent"> </ImageView> <TextView android:text="TextView01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemTitle" android:layout_toRightOf="@+id/itemImage" android:textSize="20dip"> </TextView> <TextView android:text="TextView02" android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemText" android:layout_toRightOf="@+id/itemImage" android:layout_below="@+id/itemTitle"> </TextView> </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的组件。
• 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.   
      1.   public int getCount() {  
      2.             return itemViews.length;  
      3.         }  
      4.   
      5.         public View getItem(int position) {  
      6.             return itemViews[position];  
      7.         }  
      8.   
      9.         public long getItemId(int position) {  
      10.             return position;  
      11.         }  
      12.   
      13.         private View makeItemView(String strTitle, String strText, int resId) {  
      14.             LayoutInflater inflater = (LayoutInflater) testListView.this  
      15.                     .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
      16.   
      17.             // 使用View的对象itemView与R.layout.item关联   
      18.             View itemView = inflater.inflate(R.layout.item, null);  
      19.   
      20.             // 通过findViewById()方法实例R.layout.item内各组件   
      21.             TextView title = (TextView) itemView.findViewById(R.id.itemTitle);  
      22.             title.setText(strTitle);  
      23.             TextView text = (TextView) itemView.findViewById(R.id.itemText);  
      24.             text.setText(strText);  
      25.             ImageView image = (ImageView) itemView.findViewById(R.id.itemImage);  
      26.             image.setImageResource(resId);  
      27.               
      28.             return itemView;  
      29.         }  
      30.   
      31.         public View getView(int position, View convertView, ViewGroup parent) {  
      32.             if (convertView == null)  
      33.                 return itemViews[position];  
      34.             return convertView;  
      35.         }  
      36.     }  
      37.   
      38. }