android brvah 分组,RecyclerView使用BRVAH完成分组布局效果

效果

展示在手机上效果:

示例效果图

服务器返回的数据:

示例服务器返回数据

思路

思路一：

固定写死在xml中，然后根据相对应的去赋值，但是，这样耗时并且不够灵活，如果当前json一旦改变那么，需要在操作，果断放弃、

思路二:

ReyclerView多套布局实现。针对于这样json，需要人为干预一下服务器返回的数据源，通过for循环遍历，在每一个photoGroupID改变之前，

添加新的数据源，以此当做第二套布局等等等来完成，不是此处重点、

思路三:

借助BRVAH框架中对于Section分组布局来完成

分析

正常使用RecyclerView考虑一下几点:

(1) item条目布局样式

(2) 实体类、

(3)适配器、

(4)数据源样式、

(1)item条目布局样式

该项比较简单，根据效果图，不难看出应该准备两套布局、

第一套(分组布局头):

分组布局头

第二套(分布布局内容):

分组布局内容

比较简单，写xml就ok 了

(2)实体类

一般的RecyclerView需求中，建立一个bean:

public class PhotoItemBean{

private int PhotoGroupID;

private String PhotoGroupName;

private int PhotoID;

private String PhotoName;

private String ImgUrl;

...set/get方法这里忽略了...

}

但是需要添加进行加一层处理，可以理解为添加一层包装：

public class ZXPTongGuoXiangXiBean extends SectionEntity {

public ZXPTongGuoXiangXiBean(boolean isHeader, String header) {

super(isHeader, header);

}

public ZXPTongGuoXiangXiBean(ZXPTongGuoXiangXiSecondInfo.PhotoItemsBean photoItemsBean) {

super(photoItemsBean);

}

}

自定义一个类，必须继承SectionEntity

可以看出提供了两个构造方法。一个是表明是header(包含header的名字)，一个是正常的内容

(4)适配器样式

这里的适配器也替换成如下样式：

public class ZXPTongGuoXiangXiAdapter extends BaseSectionQuickAdapter {

/**

* Same as QuickAdapter#QuickAdapter(Context,int) but with

* some initialization data.

*

* @param layoutResId The layout resource id of each item.

* @param sectionHeadResId The section head layout id for each item

* @param data A new list is created out of this one to avoid mutable list

*/

public ZXPTongGuoXiangXiAdapter(int layoutResId, int sectionHeadResId, List data) {

super(layoutResId, sectionHeadResId, data);

}

@Override

protected void convertHead(BaseViewHolder helper, ZXPTongGuoXiangXiBean item) {

helper.setText(R.id.textView_ZXPG_XiangXi_TongGuo_Header, item.header);

}

@Override

protected void convert(BaseViewHolder helper, ZXPTongGuoXiangXiBean item) {

ZXPTongGuoXiangXiSecondInfo.PhotoItemsBean listbean = item.t;

//省略其他操作，就是配置数据的操作

}

}

可以发现，需要继承BaseSectionQuickAdapter适配器，其中第一个范型就是重新自定义的类

构造函数也需要传递：第一个是内容的layout,第二个传递的是头布局

然后也有两个处理的方法，针对于头布局以及内容区域，分别是convertHead与convert的回调。

(5)数据源

通过上述适配器也可以发现，需要List，但是，ZXPTongGuoXiangXiBean是自己自定义的一个类(其继承了SectionEntity)，正常网络返回的就是文章开头的数据结构，我建立了PhotoItemsBean，所以这里就需要针对于json转换成的bean进行转换。一般是写一个for循环。比如我这里就是根据:

for (i in zxpTongGuoXiangXiSecondInfo?.photoItems!!.indices) {

if (lin_code != zxpTongGuoXiangXiSecondInfo!!.photoItems.get(i).photoGroupID) {

lin_code = zxpTongGuoXiangXiSecondInfo!!.photoItems.get(i).photoGroupID

//往数据集合中添加

mList.add(ZXPTongGuoXiangXiBean(true, zxpTongGuoXiangXiSecondInfo?.photoItems?.get(i)?.photoGroupName))

}

mList.add(ZXPTongGuoXiangXiBean(zxpTongGuoXiangXiSecondInfo?.photoItems?.get(i)))

}

遍历数据源，根据photGourpID进行区分，如果当前的photoGroupID是新的那么就是新的一组，在当前位置插入(mList中)一个头布局，但是由于在for循环下，数据源中的数据也要继续添加，否则会少的。

具体的需要看服务器返回来的数据进行处理，简单讲就是在合适的地方插入头布局，以此达到分组的效果、

总结

该种模式针对于Section样式比较简单快捷。