ListView作為開發中最常見的控制元件，大部分app都會引用ListView來展示資料，用於使用者互動，正因為ListView過於基礎，這麼常用，所以作為app優化中保持高響應度的ListView 介面就顯得尤為重要了

本文結構 :

1.ListView的執行工作原理
2.convertView的複用優化
3.ViewHolder類的使用
4.基於當前滑動狀態的優化

ListView的執行工作原理

先來一張最經典的ListView工作圖。

在解釋ListView的工作原理之前，我們需要了解一些ListView中的重要機制：
Recycler機制

Recycler機制使用一結合來儲存我們之前已經使用過的所謂”廢棄”的子項view。結合上圖中的示例，在item1被滑動移開當前的螢幕時，會將該item的view收集在Recycler相應的集合中，當作快取並從ListView中移除相關的子view。

接著結合這個圖我們討論一下ListView的工作過程：
ListView剛開始實現時會要求每一個子項進行繪製，剛開始佔滿螢幕的每一子項的view都是從定義的item的xml檔案中inflate出來的，多少個item子項就會建立多少個view。
隨著手指的滑動，當item1完全移出螢幕時，基於Recycler機制，將item1的view給depatch掉，即從listView中取消掉item1的view，同時將item1的view存放於Recycler的集合中，如果第8個item和放入“Recycler”的item的view一致，那麼就會使用”Recycler”裡面的Item來顯示，從而不用再重複inflate一次，這樣大大節省了建立View的工作，在需要顯示大量資料時顯得尤為重要。

convertView的複用優化

基於第一部分的基礎工作原理分析，我們認識到Google在設計ListView時精妙之處，接下來我們看一下基於Recycler機制中關於”廢棄的view”的優化，在繼承了Adapter後，我們會重寫其中的getView()方法。其中的第二個引數convertView就是Recycler中使用過的view.

優化：在getview()中給每一個需要顯示的item生成一個view,如果convertView是空的，我們就需要inflate一個新的view並返回，如果convertView不為空就需要新的view物件，直接使用convertView中的view就可以。

程式碼如下：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    Fruit fruit = getItem(position);
    View view;
    if (convertView == null) {
        view = LayoutInflater.from(getContext()).inflate(resourceId, null);
    } else {
        view = convertView;
    }
    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;
}

ViewHolder類的使用

在上述的程式碼中我們會發現，getView中的View的每一個元件都需要通過findViewById()得到，在不太複雜的情況下這樣當然也可以，可是當需要在view中需要複雜的邏輯判斷。需要大量的findViewById()操作，不僅編碼繁瑣麻煩容易丟失一些元件，同時大量的findViewById操作也會影響效率。

如果我們將item中的所有元件都放在一個類裡面，那這樣操作時不但可以省下一個一個空間繫結的時間，並且會很全面的繫結。

基於此，我們可以定義個ViewHolder來收集所有元件。
對上面的程式碼進行改進後：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    Fruit fruit = getItem(position);
    View view;
    ViewHolder holder;
    if (convertView == null) {
        view = LayoutInflater.from(getContext()).inflate(resourceId, null);
        holder = new ViewHolder(view);
        view.setTag(holder);
    } else {
        view = convertView;
        holder=convertView.getTag();
    }

    holder.fruitImage.setImageResource(fruit.getImageId());
    holder.fruitName.setText(fruit.getName());
    return view;
}





//定義的新的class 作為手機UI 元件的工具，並在建構函式中進行元件的繫結。

private class ViewHolder{
    private ImageView fruitImage;
    private TextView fruitName;
    public ViewHolder(View view ){
        fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
        fruitName = (TextView) view.findViewById(R.id.fruit_name);
    }
}

基於當前滑動狀態的優化

getView中操作UI元件的程式碼工作佔用了ListView中的大量工作。
而我們可以判斷當前使用者對ListView的操作，判斷是否要進行ListView的實際更新。

基於什麼判斷呢？

我們可以給當前的ListView設滑動狀態監聽器，當ListView處於快速滑動狀態時，一般情況下使用者不太關心的頁面的具體資訊。所以我們可以在這個狀態下停止UI元件的更新。在元件停止或者點選觸動的滑動狀態下更新元件的資訊。

效果如下：

實現步驟：
1.在Adapter的實現類的getView方法中設定一個狀態指示是否在滑動

public View getView(int position, View convertView, ViewGroup parent) {
        // convertView
        Log.i(TAG, position + "-.-.-.-.-.-.-" + convertView);
        PicBean pic = lists.get(position);
        Viewholder holder;
         if (convertView == null) {
         convertView = inflater.inflate(R.layout.item_listview, null);
         holder = new Viewholder(convertView);
         convertView.setTag(holder);

         } else {
         holder = (Viewholder) convertView.getTag();
         }
        if (!isScroll) {
            holder.name.setText(pic.getName());
            Long ldate = Long.valueOf(pic.getDesc());
            String date = sDateFormat.format(ldate);
            holder.desc.setText(date);

        } else {
            holder.name.setText("載入中");
            holder.name.setTag(pic.getName());
            Long ldate = Long.valueOf(pic.getDesc());
            String date = sDateFormat.format(ldate);
            holder.desc.setTag(date);
        }

        return convertView;
    }

2.在ListView的使用活動中設定listView的滑動監聽器OnScrollListener並根據狀態設定Adapter實現類中的狀態標識，當屬於停止狀態時，得到當前螢幕中的子項的數目並一一配置UI。

lv_show.setOnScrollListener(new OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                switch (scrollState) {
                case AbsListView.OnScrollListener.SCROLL_STATE_FLING://手指離開螢幕，但螢幕依然滑動
                    adapter.setScrollState(true);
                    break;
                case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:// 停止滾動
                    adapter.setScrollState(false);
                    int count = view.getChildCount();//得到當前螢幕的子項。
                    //一一為子項設定UI元件
                    for (int i = 0; i < count; i++) {
                        TextView name = (TextView) view.getChildAt(i)
                                .findViewById(R.id.name);
                        TextView date = (TextView) view.getChildAt(i)
                                .findViewById(R.id.desc);
                        if (name.getTag() != null) {
                            name.setText((String) name.getTag());
                        }
                        if (date.getTag() != null) {
                            date.setText((String) date.getTag());
                        }
                    }
                    break;
                case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL://手指觸碰滑動
                    adapter.setScrollState(true);
                    break;
                }
            }

本篇是關於ListView的初步分析與優化。
關於ListView的原理以及原始碼，推薦看看ListView工作原理完全解析，帶你從原始碼的角度徹底理解