1. 程式人生 > >Listview的自定義介面的使用

Listview的自定義介面的使用

listview的使用在這裡就不說了,直接說listview定製介面的使用。

1.定義一個實體類,作為listview的介面卡的適配型別

新建類Fruit,程式碼如下:

public class Fruit {
    private String name; 
    private int imageId; //圖片id
    public Fruit(String name, int imageId) {
        this.name = name;
        this.imageId = imageId;
    }
    public String getName
() { return name; } public int getImageId() { return imageId; } }

2.定義listview的佈局

建立fruit_item.cml:

<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 用於顯示水果的名稱。

3.建立一個自定義的介面卡,這個介面卡繼承自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); // 獲取當前項的Fruit例項
    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); 
    /*以下程式碼一定要注意引數型別(第一個為int,第二個為string),否則會閃退,雖然是個小問題,一旦出錯確實很難發現*/
    fruitImage.setImageResource(fruit.getImageId());
    fruitName.setText(fruit.getName());

    return view;
}
}

FruitAdapter 重寫了父類的一組建構函式,用於將上下文、ListView 子項佈局的 id 和資料都傳遞進來。另外又重寫了 getView()方法,這個方法在每個子項被滾動到螢幕內的時候會被呼叫。在 getView 方法中,首先通過 getItem()方法得到當前項的 Fruit 例項,然後使用LayoutInflater 來為這個子項載入我們傳入的佈局,接著呼叫 View 的 findViewById()方法分別獲取到 ImageView 和 TextView 的例項,並分別呼叫它們的 setImageResource()和 setText()方法來設定顯示的圖片和文字,最後將佈局返回。

4.MainActivity的呼叫
(1)新建Fruit型別的List
private List fruitList = new ArrayList();

(2)在 onCreate()方法中新增資料,
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);

。。。。。。
(3)在 onCreate()方法中建立 FruitAdapter 物件,並將 FruitAdapter 作為介面卡傳遞給了 ListView:
FruitAdapter adapter = new FruitAdapter(MainActivity.this,R.layout.fruit_item, fruitList);

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

轉自《第一行程式碼》。