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); // 设置布局类型

                 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);

                     arrListGoods.add(hashMapGoods);

                 }

                 // 底部

                 HashMap<String, Object> hashMapFoot = new HashMap<>();

                 hashMapFoot.put("address", jsObj.optString("address")); // 地址

                 // ...

                 hashMapHead.put("item_type", OrderListAdapter.NI_ORDER_ITEM_FOOT);

                 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的执行效率是很有帮助的。

巴特西

Android ListView多布局讲解

最新文章

热门文章