前言
盗用图一张
今天就来讲讲这种效果的实现逻辑吧。
二.实现原理
2.1 首先看看要展示的原始数据结构
结合上面的效果图，我们需要将Data数据源“切割”成4部分，header，productGroup，product和footer，其中product作为一个list展示，需要满足即可展示也可隐藏的功能。
接下来，我们要实现的整体逻辑就是将一个data数据拆解成四种不同类型的数据，然后依次塞到RecycleView对应的List中平铺展示。这里，我们需要定义数据类型
2.2 定义不同的数据类型
既然将数据分成四个不同的数据类型，又需要统一展示在RecycleView的list中，那么这四个不同的数据类型需要继承一个统一的数据类型ItemData
2.3 定义统一数据类型类ItemData
这里我们统一定义了一个itemType，用于给数据进行分类，然后加了一个itemId，用于给每个数据设置一个position
接下来，看看 header，productGroup，product和footer这四类数据，其中header和footer无非是显示一个字符串，这个就简单的展示下header对应的数据data吧
2.4 HeaderData数据样例
FooterData和HeaderData大同小异，此处省略，然后看productGroup和product，这两个有些特殊，类似一个二级列表，而productGroup对应的是二级列表中的Parent，product对应的是二级列表中的child。
下面看看productGroup对应的数据结构---ProductGroupData
2.5 ProductGroupData代码
ProductGroupData最主要的是标志位expand，用于记录其二级列表是否为展开状态，然后一个 List productList 用来存放二级数据
然后是ProductData数据结构
2.5 ProductData代码
ProductData中主要包含一个subItemId，这是用来标记二级数据展示时的childPosition
至此数据结构创建完毕
三. 数据拆分整合
3.1 模拟一个数据源
Data数据结构前面已经介绍过，下面需要将数据源整合成我们展示时的数据格式
3.2 整个整合流程代码
然后具体的大家要对HeaderData，ProductGroupData和FooterData进行处理，其中ProductGroupData里面包含ProductData的列表数据，这些数据有一个共同点，就是需要设置itemType和itemId，itemType用于设置数据类型，itemId用来存放数据下标(即position)，当然大家更需要处理好 ProductGroupData与ProductData中的数据关联。
ok，数据整合完毕后，就是adapter的处理了，所有数据放到RecyclerView.Adapter中展示，因为所有数据（包括HeaderData，ProductGroupData，FooterData以及ProductData的list）均会平铺展示在RecycleView中，于是我们需要重写以下方法：
getItemCount ----- 重新计算data的所有数目getItemViewType(intposition) ---- 获取每项的内容onCreateViewHolder(ViewGroup parent,intviewType) ---- 每项根据类型定义不同ui布局onBindViewHolder(RecyclerView.ViewHolder holder,intposition) --- 不同数据类型的对应逻辑处理
在adapter声明里，我们会定义两个数据list
protectedList mData;//传入的dataprotectedListmAllOrders=newArrayList<>();//展示的data
mData用于从activity中传入数据，此时的数据结构为
----HeaderData
----ProductGroupData
----ProductData1
----ProductData2
----........
----FooterData
mAllOrders是最终展示数据，其数据结构为
----HeaderData
----ProductGroupData
----ProductData1
----ProductData2
----........
----FooterData
mData与mAllOrders最大区别在于mData中包含有二级数据结构，而mAllOrders中的数据就一层，统一平铺展示。
getItemCount既承载着将mData数据结构转化成mAllOrders的数据结构，也需要计算所有数据的个数
3.2 getItemViewType(int position)获取每项的内容
这个比较简单
@OverridepublicintgetItemViewType(intposition){returnmAllOrders.get(position).getItemType(); }
然后是onCreateViewHolder(ViewGroup parent, int viewType)
3.3 onCreateViewHolder示例代码
3.4 onBindViewHolder不同数据处理逻辑
最后在bindHeader，bindProductGroup，bindProduct，bindFooter中对各数据的展示和逻辑做处理。
这里需要提醒的是bindProductGroup(holder,obj,position);方法，因为当中涉及到点击展开ProductData集合，再点击收起ProductData集合的操作，需要用到RecycleView的两个更新方法：
//展开时调用notifyItemRangeInserted(intpositionStart,intitemCount)//收起时调用notifyItemRangeRemoved(intpositionStart,intitemCount)
3.5 点击展开，点击收起ProductData列表的逻辑
处理此逻辑示例代码如下：
//点击事件
一切就绪以后，在MainActivity中调用
3.6 全部中示例代码
R.layout.item_header
R.layout.item_product_group
R.layout.item_product
R.layout.item_footer
ok,今天关于“RecycleView实现多布局可展开列表”的原理解析及实现过程就讲到这里了，谢谢咯。
网友评论