什麼是資料介面卡？

下圖展示了資料來源、介面卡、ListView等資料展示控制元件之間的關係。我們知道，資料來源是各種各樣的，而ListView所展示資料的格式則是有一定的要求的。資料介面卡正是建立了資料來源與ListView之間的適配關係，將資料來源轉換為ListView能夠顯示的資料格式，從而將資料的來源與資料的顯示進行解耦，降低程式的耦合性。這也體現了Android的介面卡模式的使用。對於ListView、GridView等資料展示控制元件有多種資料介面卡，本文講解最通用的資料介面卡——BaseAdapter。

.ListView的顯示與快取機制

我們知道，ListView、GridView等控制元件可以展示大量的資料資訊。假如下圖中的ListView可以展示100條資訊，但是螢幕的尺寸是有限的，一螢幕只能顯示下圖中的7條。當向上滑動ListView的時候，item1被滑出了螢幕區域，那麼系統就會將item1回收到Recycler中，即View緩衝池中，而將要顯示的item8則會從快取池中取出佈局檔案，並重新設定好item8需要顯示的資料，並放入需要顯示的位置。這就是ListView的緩衝機制，總結起來就是一句話：需要時才顯示，顯示完就被會收到快取。ListView，GridView等資料顯示控制元件通過這種快取機制可以極大的節省系統資源。

.BaseAdapter

使用BaseAdapter比較簡單，主要是通過繼承此類來實現BaseAdapter的四個方法：

public int getCount(): 介面卡中資料集的資料個數；

public Object getItem(int position): 獲取資料集中與索引對應的資料項；

public long getItemId(int position): 獲取指定行對應的ID；

public View getView(int position,View convertView,ViewGroup parent): 獲取沒一行Item的顯示內容。

下面通過一個簡單示例演示如何使用BaseAdapter。

1.建立佈局檔案

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.cbt.learnbaseadapter.MainActivity">

    <ListView
        android:id="@+id/lv_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>

item.xml （ListView中每條資訊的顯示佈局）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_image"
        android:src="@mipmap/ic_launcher"
        android:layout_width="60dp"
        android:layout_height="60dp"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_toEndOf="@id/iv_image"
        android:text="Title"
        android:gravity="center"
        android:textSize="25sp"/>

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/iv_image"
        android:layout_below="@id/tv_title"
        android:text="Content"
        android:textSize="20sp"/>
</RelativeLayout>

2.建立資料來源

ItemBean.java

package com.cbt.learnbaseadapter;

/**
 * Created by caobotao on 15/12/20.
 */
public class ItemBean {
    public int itemImageResId;//影象資源ID
    public String itemTitle;//標題
    public String itemContent;//內容

    public ItemBean(int itemImageResId, String itemTitle, String itemContent) {
        this.itemImageResId = itemImageResId;
        this.itemTitle = itemTitle;
        this.itemContent = itemContent;
    }
}

通過此Bean類，我們就將要顯示的資料與ListView的佈局內容一一對應了，每個Bean物件對應ListView的一條資料。這種方法在ListView中使用的非常廣泛。

MainActivity.java

package com.cbt.learnbaseadapter;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
    ListView mListView ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        List<ItemBean> itemBeanList = new ArrayList<>();
        for (int i = 0;i < 20; i ++){
            itemBeanList.add(new ItemBean(R.mipmap.ic_launcher, "標題" + i, "內容" + i));
        }
        mListView = (ListView) findViewById(R.id.lv_main);
        //設定ListView的資料介面卡
        mListView.setAdapter(new MyAdapter(this,itemBeanList));
    }
}

3.建立BaseAdapter

通過上面的講解，我們知道繼承BaseAdapter需要重新四個方法：getCount、getItem、getItemId、getView。其中前三個都比較簡單，而getView稍微比較複雜。通常重寫getView有三種方式，這三種方法效能方面有很大的不同。接下來我們使用此三種方式分別實現MyAdapter。

第一種：逗比式

package com.cbt.learnbaseadapter;
import android.content.Context;
import android.view.*;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;
/**
 * Created by caobotao on 15/12/20.
 */
public class MyAdapter extends BaseAdapter{
    private List<ItemBean> mList;//資料來源
    private LayoutInflater mInflater;//佈局裝載器物件

    // 通過構造方法將資料來源與資料介面卡關聯起來
    // context:要使用當前的Adapter的介面物件
    public MyAdapter(Context context, List<ItemBean> list) {
        mList = list;
        mInflater = LayoutInflater.from(context);
    }

    @Override
    //ListView需要顯示的資料數量
    public int getCount() {
        return mList.size();
    }

    @Override
    //指定的索引對應的資料項
    public Object getItem(int position) {
        return mList.get(position);
    }

    @Override
    //指定的索引對應的資料項ID
    public long getItemId(int position) {
        return position;
    }

    @Override
    //返回每一項的顯示內容
    public View getView(int position, View convertView, ViewGroup parent) {
        //將佈局檔案轉化為View物件
        View view = mInflater.inflate(R.layout.item,null);

        /**
         * 找到item佈局檔案中對應的控制元件 
         */
        ImageView imageView = (ImageView) view.findViewById(R.id.iv_image);
        TextView titleTextView = (TextView) view.findViewById(R.id.tv_title);
        TextView contentTextView = (TextView) view.findViewById(R.id.tv_content);

        //獲取相應索引的ItemBean物件
        ItemBean bean = mList.get(position);

        /**
         * 設定控制元件的對應屬性值 
         */
        imageView.setImageResource(bean.itemImageResId);
        titleTextView.setText(bean.itemTitle);
        contentTextView.setText(bean.itemContent);

        return view;
    }
}

為什麼稱這種getView的方式是逗比式呢？

通過上面講解，我們知道ListView、GridView等資料展示控制元件有快取機制，而這種方式每次呼叫getView時都是通過inflate建立一個新的View物件，然後在此view中通過findViewById找到對應的控制元件，完全沒有利用到ListView的快取機制。這種方式沒有經過優化處理，對資源造成了極大的浪費，效率是很低的。

第二種：普通式

public View getView(int position, View convertView, ViewGroup parent) {//如果view未被例項化過，快取池中沒有對應的快取
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.item,null);
        }
        /**
         * 找到item佈局檔案中對應的控制元件
         */
        ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_image);
        TextView titleTextView = (TextView) convertView.findViewById(R.id.tv_title);
        TextView contentTextView = (TextView) convertView.findViewById(R.id.tv_content);

        //獲取相應索引的ItemBean物件
        ItemBean bean = mList.get(position);
        /**
         * 設定控制元件的對應屬性值
         */
        imageView.setImageResource(bean.itemImageResId);
        titleTextView.setText(bean.itemTitle);
        contentTextView.setText(bean.itemContent);
        return convertView;
    }

此方式充分使用了ListView的快取機制，如果view沒有快取才建立新的view，效率相比於逗比式提升了很多。但是，當ListView很複雜時，每次呼叫findViewById都會去遍歷檢視樹，所以findViewById是很消耗時間的，我們應該儘量避免使用findViewById來達到進一步優化的目的。

第三種：文藝式

public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder viewHolder;
    //如果view未被例項化過，快取池中沒有對應的快取
    if (convertView == null) {
        viewHolder = new ViewHolder();
        // 由於我們只需要將XML轉化為View，並不涉及到具體的佈局，所以第二個引數通常設定為null
        convertView = mInflater.inflate(R.layout.item, null);

        //對viewHolder的屬性進行賦值
        viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_image);
        viewHolder.title = (TextView) convertView.findViewById(R.id.tv_title);
        viewHolder.content = (TextView) convertView.findViewById(R.id.tv_content);

        //通過setTag將convertView與viewHolder關聯
        convertView.setTag(viewHolder);
    }else{//如果快取池中有對應的view快取，則直接通過getTag取出viewHolder
        viewHolder = (ViewHolder) convertView.getTag();
    }
    // 取出bean物件
    ItemBean bean = mList.get(position);

    // 設定控制元件的資料
    viewHolder.imageView.setImageResource(bean.itemImageResId);
    viewHolder.title.setText(bean.itemTitle);
    viewHolder.content.setText(bean.itemContent);

    return convertView;
}
// ViewHolder用於快取控制元件，三個屬性分別對應item佈局檔案的三個控制元件
class ViewHolder{
    public ImageView imageView;
    public TextView title;
    public TextView content;
}

此方式不僅利用了ListView的快取機制，而且使用ViewHolder類來實現顯示資料檢視的快取，避免多次呼叫findViewById來尋找控制元件，以達到優化程式的目的。所以，大家在平時的開發中應當儘量使用這種方式進行getView的實現。

總結一下用ViewHolder優化BaseAdapter的整體步驟：

>1 建立bean物件，用於封裝資料；

>2 在構造方法中初始化的資料List；

>3 建立ViewHolder類，建立佈局對映關係；

>4 判斷convertView，為空則建立，並設定tag，不為空則通過tag取出ViewHolder；

>5 給ViewHolder的控制元件設定資料。