RecyclerView拒绝RecyclerView

这很尴尬. 前一段时间我很忙recyclerview多层嵌套，而且很懒. 我好久没来这儿了. 现在我有一些时间来记录它.

直接进入主题，我相信从事软件开发的朋友经常会遇到一些复杂的列表要求，例如电子商务应用程序的购物车或订单界面，并且列表需要显示商店名称和相应商店下的产品，如下图所示. :

购物车.png

Order.png

很容易想到通过RecyclerView嵌套的RecyclerView实现多级列表，但是这种实现会导致很多问题，滑动冻结，焦点冲突，我遇到了重复的滑动，页面无法正常滑动到顶部recyclerview多层嵌套，并在滑动之前自动返回Position（ps: 设置子级recyclerView不会抢占焦点，recyclerView.setFocusable（false）可以解决），因此，如果遇到类似的要求，请尽量不要使用RecyclerView嵌套来实现，从而改善用户体验.

由于RecyclerView嵌套的RecylerView存在很多问题，我只能使用一个RecyclerView来实现它吗？当然可以！

遇到如此复杂的列表时，在后台返回的数据结构也将分为两层. 以上图中的订单界面示例为例，将返回一个订单数组，每个数组都包含创建时间，订单状态和产品. 在其他字段中，产品是一个数组，其中包含有关每个产品的详细信息. 获取后台返回的数据后，需要自己处理数据结构，将产品中的字段移动到与创建时间字段相同的级别，然后通过recyclerView Multiple布局加载以实现显示效果.

首先定义一个数据处理类OrderDataHelper，该类用于修改数据结构. 根据页面定义所需的数据模型，在此将其分为标题信息，产品信息和底部数量信息. 代码如下:

{0: 8: 8: d: 8: 4: 0: 1: 4: 7: 1: a: 6: 8: f: 9: a: 2: 2: 8: b: 7: 9: 5: e: 2: a: b: c: e: f: f: f）

，将处理后的阵列分配给适配器，刷新显示界面

dataList = OrderDataHelper.getDataAfterHandle(data.getList());  //定义的全局List<Object> dataList
mAdapter.refresh(dataList,isLoadMore);

适配器添加了多个布局显示处理:

/**
 * 描述:
 * 作者:  LemZ
 * 创建时间:  2018-05-28 17:01
 */
public class OrderAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{
    private int ITEM_HEADER = 1, ITEM_CONTENT = 2, ITEM_FOOTER = 3;
    private List<Object> dataList;
    private Context context;
    public final void refresh(List<Object> data,boolean isLoadMore) {
        if (!isLoadMore)
            dataList.clear();
        dataList.addAll(data);
        notifyDataSetChanged();
    }
    public OrderAdapter(Context context,List<Object> list) {
        this.context = context;
        this.dataList = list != null ? list : new ArrayList<>();
    }
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view;
        if (viewType == ITEM_HEADER){
            view = LayoutInflater.from(context).inflate(R.layout.item_order_header, parent, false);
            return new HeadViewHolder(view);
        }else if (viewType == ITEM_CONTENT){
            view = LayoutInflater.from(context).inflate(R.layout.item_order_content, parent, false);
            return new ContentViewHolder(view);
        }else if(viewType == ITEM_FOOTER){
            view = LayoutInflater.from(context).inflate(R.layout.item_order_footer, parent, false);
            return new FootViewHolder(view);
        }
        return null;
    }
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, final int position) {
        /**头部*/
        if (getItemViewType(position) == ITEM_HEADER) {
            final HeadViewHolder headerHolder = (HeadViewHolder) viewHolder;
            OrderHeaderInfo orderHeadInfo = (OrderHeaderInfo)dataList.get(position);
            showText(headerHolder.tv_order_create_time,orderHeadInfo.getCreateTime())
            showText(headerHolder.tv_order_status,orderHeadInfo.getOrderStatus())
        }
        /**商品信息*/
        else if (getItemViewType(position) == ITEM_CONTENT) {
            final ContentViewHolder contentHolder = (ContentViewHolder) viewHolder;
            final OrderProductInfo orderProductInfo= (OrderProductInfo)dataList.get(position);
            showText(contentHolder.tv_good_name,orderProductInfo.getProductName());
            contentHolder.tv_product_price.setText("¥"+NumberUitls.kp2Num(orderProductInfo.getProductPrice()));
            contentHolder.tv_product_count.setText("x"+orderProductInfo.getProductCount());
            showText(contentHolder.tv_good_spec,orderProductInfo.getProductSpec());
            
            Glide.with(context).load(orderProductInfo.getProductPic())
                    .dontAnimate()
                    .error(R.mipmap.ic_default)
                    .placeholder(R.mipmap.ic_default)
                    .into(contentHolder.iv_good);
        }
        /**尾部*/
        else if (getItemViewType(position) == ITEM_FOOTER) {
            final FootViewHolder footHolder = (FootViewHolder) viewHolder;
            OrderPayInfo orderPayInfo = (OrderPayInfo)dataList.get(position);
            footHolder.tv_postage_amount.setText("¥"+NumberUitls.kp2Num(orderPayInfo.getPostageAmount()));
            footHolder.tv_order_amount.setText("¥"+NumberUitls.kp2Num(orderPayInfo.getTotalAmount()));
            footHolder.linear_fold_status.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    changeFold(orderPayInfo,footHolder,footHolder.tv_fold_status,footHolder.iv_arrow);
                }
            });
            footHolder.tv_goods_num.setText("共"+orderPayInfo.getGoodsCount()+"件商品，");
        }
    }
    @Override
    public int getItemCount() {
        return dataList == null?0:dataList.size();
    }
    @Override
    public int getItemViewType(int position) {
        if (dataList.get(position) instanceof OrderHeaderInfo){
            return ITEM_HEADER;
        }else if (dataList.get(position) instanceof orderProductInfo){
            return ITEM_CONTENT;
        }else if(dataList.get(position) instanceof OrderPayInfo){
            return ITEM_FOOTER;
        }
        return ITEM_CONTENT;
    }
    public class HeadViewHolder extends RecyclerView.ViewHolder{
        TextView tv_order_create_time;
        TextView tv_order_status;
        public HeadViewHolder(View itemView) {
            super(itemView);
            tv_order_create_time = (TextView)itemView.findViewById(R.id.tv_order_create_time);
            tv_order_status = (TextView)itemView.findViewById(R.id.tv_order_status);
        }
    }
    public class ContentViewHolder extends RecyclerView.ViewHolder{
        TextView tv_good_name;
        TextView tv_product_price;
        TextView tv_product_count;
        ImageView iv_good;
        TextView tv_good_spec;
        public ContentViewHolder(View itemView) {
            super(itemView);
            tv_good_name = (TextView)itemView.findViewById(R.id.tv_good_name);
            tv_product_price = (TextView)itemView.findViewById(R.id.tv_product_price);
            tv_product_count = (TextView)itemView.findViewById(R.id.tv_product_count);
            iv_good = (ImageView)itemView.findViewById(R.id.iv_good);
            tv_good_spec = (TextView)itemView.findViewById(R.id.tv_good_spec);
        }
    }
    public class FootViewHolder extends RecyclerView.ViewHolder{
        LinearLayout linear_fold_status;
        TextView tv_fold_status;
        TextView tv_postage_amount;
        TextView tv_goods_num;
        TextView tv_order_amount;
        ImageView iv_arrow;
        public FootViewHolder(View itemView) {
            super(itemView);
            linear_fold_status = (LinearLayout)itemView.findViewById(R.id.linear_fold_status);
            tv_fold_status = (TextView)itemView.findViewById(R.id.tv_fold_status);
            tv_postage_amount = (TextView)itemView.findViewById(R.id.tv_postage_amount);
            tv_goods_num = (TextView)itemView.findViewById(R.id.tv_goods_num);
            tv_order_amount = (TextView)itemView.findViewById(R.id.tv_order_amount);
            iv_arrow = (ImageView)itemView.findViewById(R.id.iv_arrow);
        }
    }
/**
字符串为空判断
*/
private void showText(TextView tv, String str){
        if(!TextUtil.isEmpty(str)){
              tv.setText(str);
        }else {
              tv.setText("");
        }
    }
}

这可以实现RecyclerView显示复杂布局的效果. 尝试一下？如此顺滑地滑动！

（我原本计划写另一个ScrollView嵌套，考虑一下或简单地分享想法. 许多朋友可能会选择使用NestedScrollView嵌套的RecyclerView，设置recyclerView.setNestedScrollingEnabled（false）；避免结结巴巴，这仍然会出现问题，例如RecyclerView自动获得焦点，并且页面上仅显示RecyclerView部分. 通常我会遇到此界面，其中自定义布局和列表共存. 我将使用RecyclerView添加页眉和页脚布局以实现更平滑的滑动！非常强大的适配器框架，可以轻松添加头和尾）

如果本文有任何不足之处，请指出，我会及时纠正^ ^

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-158890-1.html