自定义viewUI

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

2016-12-16  本文已影响1272人  T_涛_T

这段时间在做一个商城项目,其中遇到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以上。

上一篇下一篇

猜你喜欢

热点阅读