用一个RecycleView实现订单列表页面

之前一直犹豫要不要写这篇文章，因为第一次写文章写得不好希望大家多多指教，因为近期的公司项目需要实现电商项目，电商项目当然少不了订单的列表咯，先上效果图

实现方式:

方法1：用listview或者RecycleView实现嵌套

这种方式就是最简单的listview和listview的嵌套，然后从新计算listview的高度；或者RecycleView和RecycleView进行嵌套，从写LayoutManager这里我就不一一去介绍了，因为百度一把方法一大把

方法2：用listview或者RecycleView的geiViewType方法返回不同的ViewType来实现不同的布局

其实之所以说第二种方式主要是不推荐使用第一种方式，因为谷歌官方是不推荐对Listview或者RecycleView进行嵌套的，一嵌套的话视图的复用机制也就白费了，所以要遵循谷歌的视图的复用机制的话，就不推荐使用上面的嵌套了，好了下面上代码。

数据格式

一般情况下这种的数据后台gg返回给你的都是用jsonArray里面嵌套JsonArray，作为一个程序员你总不可能让后台给你去改数据的格式咯，所以这里我们就要对数据进行拆分

这里我就是随便的用了两个for循环进行了拆分，当然还有更好的方式，这里就不在赘述了

 // 1 表示是商品的头部标题
        // 2 表示是商品的item的布局
        // 3 表示的是底部的item的布局
        for (int i = 0; i < dataList.size(); i++) {
            list.add(new NewDate(1, dataList.get(i).getTitle(), "", "", ""));
            for (int j = 0; j < dataList.get(i).getContent().size(); j++) {
                list.add(new NewDate(2, "", dataList.get(i).getContent().get(j).getOrder(), dataList.get(i).getContent().get(j).getPrice(), dataList.get(i).getContent().get(j).getImage()));
            }
            list.add(new NewDate(3, "", "", "", ""));
        }

适配器的处理

适配器这里才是关键的首先通过geiItemViewType来返回不同的viewtype

@Override
    public int getItemViewType(int position) {
        switch (dataList.get(position).getType()) {
            case 1:
                return HEAD;
            case 2:
                return ITEM;
            case 3:
                return FOOT;
            default:
                return 0;
        }
    }

紧接着在 onCreateViewHolder函数里面根据返回来的 viewType实现返回不同的 ViewHolder

@Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        switch (viewType) {
            case HEAD:
                return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_head, parent, false));
            case ITEM:
                return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false));
            case FOOT:
                return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_foot, parent, false));
            default:
                return null;
        }
    }

然后在 onBindViewHolder函数里面实现数据的绑定就ok了

下载:

最后附上Demo下载地址