Android ListView多布局講解

 Listview優化是一個老生常談的事情了，其優化的方面也有很多種，例如，布局重用、在getView()中減少邏輯計算、減少在頁面滑動的時候加在圖片，而是在頁面停止滾動的時候再加在圖片。而今天要介紹的是另一種方式，那就是多布局。

一般使用的場景有一下兩種情況：

① 當一個item有多重布局的情況下，使用部分隱藏來實現既笨拙又效率低下，這時多布局會是個不錯的選擇；

② 當一個item很復雜，頁面內容多，item高度很高，甚至超過手機屏幕，這個時候就需要使用多布局將頁面拆分成多個小item來提高執行效率。

舉個栗子：如下銷售訂單列表，我們發現一個單個item的頁面高度很高，內容也很多，中部的商品個數還具有不確定性，這時的實現的方式我們可以看下：

 代碼如下：

@Override
public View getView(final int position, View convertView, ViewGroup rootview) {
     ViewHolder viewHolder = null;
     if (convertView == null) {
         viewHolder = new ViewHolder();
         convertView = inflater.inflate(R.layout.item_list_order, rootview, false);
         // ...
         convertView.setTag(viewHolder);
     } else {
         viewHolder = (ViewHolder) convertView.getTag();
     }
 
     for (int i = 0; i < arrListOrder.get(position).size(); i++) {
         View v = inflater.inflate(R.layout.item_order_goods, null);
         // ...
         viewHolder.llayoutGoodsList.addView(v);
     }
 
     // ...
     return convertView;
}

 

這種寫法詬病很大，嚴重影響性能，此外如果商品數量有個10個8個的會導致item過高，此外在getView()中for循環new布局對象是是否消耗內存的和執行時間的。

 

那么，我們用多布局拆分下：

 

 

這種布局方式就叫ListView的多布局。采用將一個大的 item 切割成多個小item以降低布局的復雜度，提高重用率。那么直接看這種方式的實現方式：

 

public class OrderListActivity extends Activity {
    // ...

    /** 解析請求數據 */
    private ArrayList<HashMap<String, Object>> analyticalData(String json) {
        ArrayList<HashMap<String, Object>> arrListGoods = new ArrayList<>();
        try {
            JSONArray jsArr = new JSONArray(json);
            for (int i = 0; i < jsArr.length(); i++) {
                JSONObject jsObj = jsArr.optJSONObject(i);
                // 頭部
                hashMapHead.put("order_sn", jsObj.optString("order_sn")); // 銷售訂單號
                // ...
                hashMapHead.put("item_type", OrderListAdapter.NI_ORDER_ITEM_HEAD); // 設置布局類型 15                 arrListGoods.add(hashMapHead);

                // 商品
                JSONArray arrJsonGoods = jsObj.getJSONArray("order_goods");
                JSONObject jsobjPay = new JSONObject();
                for (int j = 0; j < arrJsonGoods.length(); i++) {
                    HashMap<String, Object> hashMapGoods = new HashMap<>();
                    hashMapHead.put("goods_name", jsObj.optString("goods_name")); //商品名
                    // ...
                    hashMapHead.put("item_type", OrderListAdapter.NI_ORDER_ITEM_GOODS); 25                     arrListGoods.add(hashMapGoods);
                }

                // 底部
                HashMap<String, Object> hashMapFoot = new HashMap<>();
                hashMapFoot.put("address", jsObj.optString("address")); // 地址
                // ... 
                hashMapHead.put("item_type", OrderListAdapter.NI_ORDER_ITEM_FOOT); 33                 arrListGoods.add(hashMapFoot);
            }
        } catch (JSONException e) {
            return null;
        }
        return arrListGoods;
    }
}

 

public class OrderListAdapter extends BaseAdapter {

    public static final int NI_ORDER_ITEM_HEAD = 0; // 這要從0按順序往下變化，否則報錯“數組下標溢出”，原因還不清楚
    public static final int NI_ORDER_ITEM_GOODS = 1;
    public static final int NI_ORDER_ITEM_FOOT = 2;

    // ...
    /** 獲取布局的類型 */
    @Override
    public int getItemViewType(int position) {
        try {
            int i = Integer.parseInt(mAppList.get(position).get("item_type").toString());
            switch (i){
                case NI_ORDER_ITEM_HEAD:
                case NI_ORDER_ITEM_GOODS:
                case NI_ORDER_ITEM_FOOT:
                    return i;
            }
        } catch (Exception e) {
        }
        return super.getItemViewType(position);
    }
    /** 獲取布局類型的總數 */
    @Override
    public int getViewTypeCount() {
        return 3;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup rootview) {
        ViewHolder viewHolderHead = null;
        ViewHolder viewHolderGoods = null;
        ViewHolder viewHolderFoot = null;
        int type = getItemViewType(position);
        if (convertView == null) {
            switch(type){
                case NI_ORDER_ITEM_HEAD:
                    viewHolderHead = new viewHolderHead();
                    convertView = mInflater.inflate(R.layout.item_list_order_head, rootview, false);
                    // ...初始化布局
                    convertView.setTag(R.layout.item_list_order_head, viewHolderHead); // 這里要用setTag(int, Object);
                    break;
                case NI_ORDER_ITEM_GOODS:
                    viewHolderGoods = new viewHolderGoods();
                    convertView = mInflater.inflate(R.layout.item_list_order_goods, rootview, false);
                    // ...初始化布局
                    convertView.setTag(R.layout.item_list_order_goods, viewHolderGoods);
                    break;
                case NI_ORDER_ITEM_FOOT: 
                    viewHolderFoot = new viewHolderFoot();
                    convertView = mInflater.inflate(R.layout.item_list_order_foot, rootview, false);
                    // ...初始化布局
                    convertView.setTag(R.layout.item_list_order_foot, viewHolderFoot);
                    break;
            }
        } else {
            switch(type){
                case NI_ORDER_ITEM_HEAD:
                    viewHolderHead = getTag(R.layout.item_list_order_head);
                    break;
                case NI_ORDER_ITEM_GOODS:
                    viewHolderGoods = getTag(R.layout.item_list_order_goods);
                    break;
                case NI_ORDER_ITEM_FOOT:
                    viewHolderFoot = getTag(R.layout.item_list_order_foot);
                    break;
            }
        }
        switch(type){
            case NI_ORDER_ITEM_HEAD:
                // ...處理邏輯
                break;
            case NI_ORDER_ITEM_GOODS:
                // ...
                break;
            case NI_ORDER_ITEM_FOOT:
                // ...
                break;
        }
        return convertView;
    }

    private class ViewHolderHead {
        // ...
    }
    private class ViewHolderGoods {
       // ...
    }
    private class ViewHolderFoot {
        // ...
    }

    // ...
}

 

好，到這里就介紹完了，活用多布局，對提高Listview的執行效率是很有幫助的。