在我們平時的使用過程中，相信大家都用過ListView這個控制元件，比如qq好友列表、電話本通訊錄等等。然而，我們使用更多的是自定義的ListView。今天就來介紹一下如何自定義一個ListView控制元件來滿足我們的開發需求（讓一條listview列表中同時顯示圖片和文字資訊）。

  首先我們需要準備幾張圖片，分別對應幾種水果（和文字相對應來演示）。

  因為我們想讓它顯示圖片加文字，所以我們先來定義一個實體類，作為ListView的適配型別，新建類Fruit,程式碼如下所示：

public class Fruit {
	   private String name;
	   private int imageID;
       public Fruit(String name,int imageId) {
		this.name=name;
		this.imageID=imageId;
	}
	public String getName() {
		return name;
	}
	public int getImageID() {
		return imageID;
	}
       
}
 

Fruit類中只有兩個屬性，一個是name代表一會要顯示的文字，另一個是imageID代表對應的圖片資源。然後需要為ListView的子項寫一個自定義的佈局，在layout目錄下新建

fruit_item.xml,程式碼如下所示：

<?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">
    
    <ImageView 
        android:id="@+id/fruit_imae"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <TextView 
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dip"
        />

</LinearLayout>
 

在這個佈局檔案中，我們定義了一個ImageView來顯示圖片，定義了一個TextView來顯示文字。接下來我們建立一個自定義介面卡，這個介面卡繼承ArrayAdapter,並將泛型指定為Fruit類，新建一個類FruitAdapter，為了提升listView的執行效率，我們直接使用自定義內部類ViewHolder來完成程式碼。程式碼如下所示：

public class FruitAdapter extends ArrayAdapter<Fruit>{
    private int resourceId;
	public FruitAdapter(Context context, int resource, List<Fruit> objects) {
		super(context, resource, objects);
		resource=resourceId;
	}
	public View getView(int position,View convertView,ViewGroup parent){
		Fruit fruit=getItem(position);//獲取當前項的Fruit例項
		View view;
		ViewHolder viewHolder;
		if(convertView==null){
			view=LayoutInflater.from(getContext()).inflate(resourceId, null);
			viewHolder=new ViewHolder();
			viewHolder.fruitImage=(ImageView) view.findViewById(R.id.fruit_imae);
			viewHolder.fruitName=(TextView) view.findViewById(R.id.fruit_name);
			view.setTag(viewHolder);
		}else{
			view=convertView;
			viewHolder=(ViewHolder) view.getTag();
		}
		
		viewHolder.fruitImage.setImageResource(fruit.getImageID());
		viewHolder.fruitName.setText(fruit.getName());
		return view;
		
	}
	//自定義內部類
     class ViewHolder{
    	 ImageView fruitImage;
    	 TextView fruitName;
     }
}
 

FruitAdapter重寫了父類的一組建構函式，用於將上下文、ListView子項佈局的id和資料都傳過來，另外又重寫了getView方法，這個方法在每個子項被滾動到螢幕內的時候被呼叫。在getView方法中，首先通過getItem（）方法得到當前項的Fruit的例項，然後使用LayoutInflater來為這個子項載入我們傳入的佈局，接著呼叫View的findViewById()方法獲取到ImageView和TextView的例項，並分別呼叫它們的setImageResource()和setText()方法來設定顯示情況，最後返回一個佈局view，完成自定義介面卡。下面完善MainActivity中的程式碼，如下所示：

public class MainActivity extends Activity {
    private List<Fruit> fruitList=new ArrayList<Fruit>();
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		FruitAdapter adapter=new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);
		ListView listView=(ListView)findViewById(R.id.list_view);
		listView.setAdapter(adapter);
	}
}

在這裡要說一下convertView引數，可以將之前載入好的佈局進行快取，以便之後重用。

新增的內部類ViewHolder，用於對控制元件的例項進行快取。當convertView為空的時候，建立一個ViewHolder物件，並將控制元件例項都存放在ViewHolder中。然後呼叫setTag()方法，將物件儲存在View中。當convertView不為空的時候呼叫View的getTag()方法將其重新取出，這樣可以達到優化ListView的執行效率的目的。