美文网首页自定义viewUI
几种recycleview的嵌套布局-解决办法

几种recycleview的嵌套布局-解决办法

作者: T_涛_T | 来源:发表于2016-12-16 17:04 被阅读1272次

    这段时间在做一个商城项目,其中遇到recycleview的几个嵌套问题,首先是首页布局,然后是订单布局嵌套,再然后就是颜色、尺码的弹出框。

    1、先说第一种,首页布局是最复杂,涉及到很多形式,最为常见的解决模式就是把每一行视为一个item,根据数据类型不同返回不同的布局格式,也就是枚举。因为代码太长,这里就只说说思路,贴几段关键代码。

    因为我这边后台没有返回判断标识,所以我是通过获取后台返回数据后对数据进行加工,像这样。

    for(HomeActivity.FloorsBean floorsBean : floorsLoginList) {

    //循环最外圈的数据,作为第一条

    HomeItem homeItemTitle =newHomeItem();

    homeItemTitle.setItemType(ItemType.TITLE);

    homeItemTitle.setTitle(floorsBean.getTitle());

    homeItemTitle.setBanner(floorsBean.getBanner());

    homeItemTitle.setTop(floorsBean.getTop());

    homeItemList.add(homeItemTitle);

    if(floorsBean.getProducts().size() <=3) {

    HomeItem homeItemContent =newHomeItem();

    homeItemContent.setItemType(ItemType.CONTENT);

    homeItemContent.setProducts(floorsBean.getProducts());

    homeItemList.add(homeItemContent);

    }else{

    List productsBeanList =newArrayList<>();//每三个一组的list

    for(inti =0;i < floorsBean.getProducts().size();i++) {//循环产品信息

    productsBeanList.add(floorsBean.getProducts().get(i));

    if((i +1) %3==0) {

    HomeItem homeItemContent =newHomeItem();

    homeItemContent.setItemType(ItemType.CONTENT);

    homeItemContent.setProducts(productsBeanList);

    homeItemList.add(homeItemContent);

    productsBeanList =newArrayList<>();

    }else if((i +1) % floorsBean.getProducts().size() ==0) {

    HomeItem homeItemContent =newHomeItem();

    homeItemContent.setItemType(ItemType.CONTENT);

    homeItemContent.setProducts(productsBeanList);

    homeItemList.add(homeItemContent);

    }

    }

    }

    }

    这个是比较简单的,只有两种类型,一种是分类的title,一种是每三个一行的content,就是这样对数据进行加工再放入到adapter,对不同类型加载不同布局,后面相信大家也做过很多。

    但是做完后感觉加载较慢,所以如果后台能做到的话,最好是后台能返回分类标识。

    2、订单布局。

          订单布局相对简单点,布局像下面这样

    像这样的布局,有人介绍是直接recycleview嵌套recycleview,商品不确定有多少件,需要一个recycleview,确认收货那一栏根据状态也不确定有多少个,当然你也可以根据不同的状态来写死布局。最后,最外面的一层布局肯定也是一个recycleview,因为会有多个订单。但是这种做法需要解决recycleview的资源释放等问题,容易卡顿,个人不是很看好。

    我的做法是商品和确认收货状态栏布局都用linelayout,通过linelayout来动态添加view,下面是部分代码

    if(viewHolder.myorder_allOrderLL.getChildCount() !=0) {

    viewHolder.myorder_allOrderLL.removeAllViews();

    }

    for(intj =0;j < order.getOrderList().size();j++) {

    Order.RDataBean.RowsBean.OrderListBean orderDetail = order.getOrderList().get(j);

    number += orderDetail.getNum();

    View view = LayoutInflater.from(context).inflate(R.layout.order_recycleview_item, null);

    view.setLayoutParams(newLinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,250));

    TextView myorder_recycleview_item_saleNameTv = (TextView) view.findViewById(R.id.myorder_recycleview_item_saleNameTv);

    TextView myorder_recycleview_item_salePriceTv1 = (TextView) view.findViewById(R.id.myorder_recycleview_item_salePriceTv1);

    TextView myorder_recycleview_item_colorTv = (TextView) view.findViewById(R.id.myorder_recycleview_item_colorTv);

    TextView myorder_recycleview_item_numberTv = (TextView) view.findViewById(R.id.myorder_recycleview_item_numberTv);

    ImageView myorder_recycleview_item_PhotoIv = (ImageView) view.findViewById(R.id.myorder_recycleview_item_PhotoIv);

    Glide.with(context).load(Config.Image_Url+ orderDetail.getImage())

    .placeholder(R.mipmap.log1)

    .error(R.mipmap.log1)

    .crossFade()

    .diskCacheStrategy(DiskCacheStrategy.SOURCE)

    .into(myorder_recycleview_item_PhotoIv);

    myorder_recycleview_item_saleNameTv.setText(orderDetail.getTitle());

    myorder_recycleview_item_salePriceTv1.setText(orderDetail.getPrice() +"");

    myorder_recycleview_item_colorTv.setText(orderDetail.getSkuText());

    myorder_recycleview_item_numberTv.setText(orderDetail.getNum() +"");

    viewHolder.myorder_allOrderLL.addView(view);

    }

    首先判断linelayout里是否含有view,有就移除,以免累加view。然后通过数据的多少来动态添加view。

    这个方法简单并且不会卡顿。

    3、最后就是颜色、尺码的弹框问题了,像这样的布局。

    一行显示三个,如果数据较少,没有超过屏幕半屏,可能不需要外面包裹一个scrollview,但是有时候数据多的时候就需要了,那么就是scrollview嵌套多个recycleview的形式了,我的需求是要求整体滚动,单个recycleview不能滚动,最简单做法是这样的。

    用android.support.v4.widget.NestedScrollView包裹里面的recycleview,然后加上这几句代码就可以解决了,

    GridLayoutManager sizeGridLayoutManager =newGridLayoutManager(context,3);

    sizeGridLayoutManager.setSmoothScrollbarEnabled(true);

    sizeGridLayoutManager.setAutoMeasureEnabled(true);

    sizeRv.setLayoutManager(sizeGridLayoutManager);

    sizeRv.setHasFixedSize(true);

    sizeRv.setNestedScrollingEnabled(false);

    前提是support包是24.0以上。

    相关文章

      网友评论

      • b27b68b09ae6:博主 可以提供几个接口吗,我练下手
      • winelx:想写个框架,感觉难度又加大了。。

      本文标题:几种recycleview的嵌套布局-解决办法

      本文链接:https://www.haomeiwen.com/subject/okgnmttx.html