ListView的使用

前言

ListView是Android開發中最常用的組件，基本上每一個安卓應用都會使用ListView，在使用ListView的時候一定會使用到Adapter（配接器），
ListView中常用的配接器有三種，分別是：BaseAdapter、SimpleAdapter、ArrayAdapter，這里的配接器其實就是相當于把資料映射到ListView上的中介，

一、ListView常用的屬性

二、ListView的簡單用法

activity_main.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">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

MainActivity的代碼如下：

public class MainActivity extends AppCompatActivity {
    private String[] data={"Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango","Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ArrayAdapter<String>adapter=new ArrayAdapter<String>(MainActivity.this,
                android.R.layout.simple_list_item_1,data);

        ListView listView=(ListView)findViewById(R.id.list_view);
        listView.setAdapter(adapter);
      }
    }

Android 中提供了很多配接器的實作類，其中我認為最好用的就是 ArrayAdapter，它可以通過泛型來指定要適配的資料型別，然后在建構式中把要適配的資料型別傳入即可，ArrayAdapter 有多個建構式的多載，你應該根據實際情況選擇最合適的一種，這里由于我們提供的資料都是字串，因此將 ArrayAdapter 的泛型指定為 String，然后在 ArrayAdapter 的建構式中依次傳入當前背景關系、ListView 子項布局的 id，以及要適配的資料，注意我們使用了 android.R.layout.simple_list_item_1 作為 ListView 子項布局的 id，這是一個 Android 內置的布局檔案，里面只有一個 TextView，可用于簡單顯示一段文本，這樣配接器物件就構建好了，
最后，還需要呼叫 ListView 的 setAdapter() 方法，將構建好的配接器物件傳遞進去，這樣 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 表示水果對應圖片的資源 id，
然后需要為 ListView 的子項指定一個我們自定義的布局，在 layout 目錄下新建 fruit_item.xml，代碼如下所示：

<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_image"
        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，代碼如下所示：

public class FruitAdapter extends ArrayAdapter<Fruit> {
 
	private int resourceId;
 
	public FruitAdapter(Context context, int textViewResourceId,
			List<Fruit> objects) {
		super(context, textViewResourceId, objects);
		resourceId = textViewResourceId;
	}
 
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		Fruit fruit = getItem(position);
		View view = LayoutInflater.from(getContext()).inflate(resourceId, null);
		ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
		TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);
		fruitImage.setImageResource(fruit.getImageId());
		fruitName.setText(fruit.getName());
		return view;
	}
}

FruitAdapter 重寫了父類的一組建構式，用于將背景關系、ListView 子項布局的 id 和資料都傳遞進來，另外又重寫了 getView() 方法，這個方法在每個子項被滾動到螢屏內的時候會被呼叫，在 getView() 方法中，首先通過 getItem() 方法得到當前項的 Fruit 實體，然后使用 LayoutInflater 來為這個子項加載我們傳入的布局，接著呼叫 View 的 findViewById() 方法分別獲取到 ImageView 和 TextView 的實體，并分別呼叫它們的 setImageResource() 和 setText() 方法來設定顯示的圖片和文字，最后將布局回傳，這樣我們自定義的配接器就完成了，

下面修改 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);
		initFruits();  // 初始化水果資料
		FruitAdapter adapter = new FruitAdapter(MainActivity.this,
				R.layout.fruit_item, fruitList);
		ListView listView = (ListView) findViewById(R.id.list_view);
		listView.setAdapter(adapter);
	}
	
	private void initFruits() {
		Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
		fruitList.add(apple);
		Fruit banana = new Fruit("Banana", R.drawable.banana_pic);
		fruitList.add(banana);
		Fruit orange = new Fruit("Orange", R.drawable.orange_pic);
		fruitList.add(orange);
		Fruit watermelon = new Fruit("Watermelon", R.drawable.watermelon_pic);
		fruitList.add(watermelon);
		Fruit pear = new Fruit("Pear", R.drawable.pear_pic);
		fruitList.add(pear);
		Fruit grape = new Fruit("Grape", R.drawable.grape_pic);
		fruitList.add(grape);
		Fruit pineapple = new Fruit("Pineapple", R.drawable.pineapple_pic);
		fruitList.add(pineapple);
		Fruit strawberry = new Fruit("Strawberry", R.drawable.strawberry_pic);
		fruitList.add(strawberry);
		Fruit cherry = new Fruit("Cherry", R.drawable.cherry_pic);
		fruitList.add(cherry);
		Fruit mango = new Fruit("Mango", R.drawable.mango_pic);
		fruitList.add(mango);
	}
 
}

可以看到，這里添加了一個 initFruits() 方法，用于初始化所有的水果資料，在 Fruit 類的建構式中將水果的名字和對應的圖片 id 傳入，然后把創建好的物件添加到水果串列中，接著我們在 onCreate() 方法中創建了 FruitAdapter 物件，并將 FruitAdapter 作為配接器傳遞給了 ListView，這樣定制 ListView 界面的任務就完成了，

運行效果

四、提升ListView的運行效率

修改FruitAdapter中的代碼，如下所示：

public class FruitAdapter extends ArrayAdapter<Fruit> {
        ......
 
       @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position);
        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_image);
            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;
        
    }
}

仔細觀察，getView() 方法中還有一個 convertView 引數，這個引數用于將之前加載好的布局進行快取，以便之后可以進行重用，我們新增了一個內部類 ViewHolder，用于對控制元件的實體進行快取，當 convertView 為空的時候，創建一個 ViewHolder 物件，并將控制元件的實體都存放在 ViewHolder 里，然后呼叫 View 的 setTag() 方法，將 ViewHolder 物件存盤在 View 中，當 convertView 不為空的時候則呼叫 View 的 getTag() 方法，把 ViewHolder 重新取出，這樣所有控制元件的實體都快取在了 ViewHolder 里，就沒有必要每次都通過 findViewById() 方法來獲取控制元件實體了，

五、LIstView的點擊事件

修改MainActivity中的代碼，如下所示：

public class MainActivity extends AppCompatActivity {

    private List<Fruit> fruitList = new ArrayList<Fruit>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruits();  // 初始化水果資料
        FruitAdapter adapter = new FruitAdapter(MainActivity.this,
                R.layout.fruit_item, fruitList);
        ListView listView = (ListView) findViewById(R.id.list_view);
        listView.setAdapter(adapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                                    int position, long id) {
                Fruit fruit = fruitList.get(position);
                Toast.makeText(MainActivity.this, fruit.getname(),
                        Toast.LENGTH_SHORT).show();
            }
        });


    }

...

}

可以看到，我們使用了 setOnItemClickListener() 方法來為 ListView 注冊了一個監聽器，當用戶點擊了 ListView 中的任何一個子項時就會回呼 onItemClick() 方法，在這個方法中可以通過 position 引數判斷出是哪一個子項，然后獲取到相應的水果，并通過 Toast 將水果的名字顯示出來，

運行效果