-
起因
(觉得墨迹的可以直接看原理,哈哈)公司项目很多多视图排列,还有那种联动的UI,当然也是混合视图排列的,如果只是这样都还比较简单,但同时又是混合的数据对象,每个样式对应一串数据.例如,推荐列表完了视频列表,就像淘宝的首页
IMG_0771.PNG
这个页面大家肯定一点都不陌生.
各种各样的视图,各种各样的数据,但是我又想要一个适配器搞定,而且我只想把数据丢给这个适配器,就可以绑定数据了,其他什么都不用管,好吧,自己给自己搞了个需求,开写吧. - 第一版
第一版的时候,其实就是一个简单的baseadapter 像常见的基类没什么特点,但这确实是一个过程... 继续写吧.数据交个adapter处理你合并数据多麻烦啊 - 第二版(开始有点6了)
我想只把数据丢过去我就开始绑定数据了啊, 什么都不用管,好吧.必须得有代理才行了,不然这个逻辑确实不好做.搞搞吧,数据合到一起多简单,count返回所有的list的总和不就行了.但是就有个问题了,绑定数据的时候因为count是所有list的总和,那position去取数据的时候到底要怎么取呢,也许count是50,但是每个list去get的时候都需要从0开始?(待会儿原理里面说,这个是库的核心问题),完了还有跨列的问题,这么多代理,如果知道跨列...完了就是各种细节的优化了. - 原理
- 处理position (合理的从每个List里面取出Holder需要的对应的数据)
/**
* 计算出当前需要得到的dele以及针对这个dele的position
*
* @param position
* @return
*/
public PositionBean computeTruePosition(int position) {
int count = 0;
PositionBean bean = new PositionBean();
for (int i = 0; i < mDelegateHashMap.size(); i++) {
CreateHolderDelegate dele = mDelegateHashMap.get(i);
int sizeOf = dele.getData().size();
count += sizeOf;
if (position > count) {
} else {
int beforeCount = 0;
for (int j = 0; j < i; j++) {
beforeCount += mDelegateHashMap.get(j).getData().size();
}
int truePosition = position - beforeCount;
//---------------------------做下容错处理---------------------------------
if (truePosition >= mDelegateHashMap.get(i).getData().size()) {
continue;
}
bean.setIndex(i);
bean.setPosition(truePosition);
return bean;
}
}
return bean;
}
解释下这个算法, 看着有点扣脑壳,烧死我多少脑细胞...细心的可能看到我if(position>count)这个判断空着... 暂时空着吧
先来看看PositionBean这个类
public class PositionBean {
private int position = 0;
private int index = 0;
}
就两属性,分别是代理集合的序号,以及从代理数据的position,从这里就能看出,视图是根据你调用inject方法的先后顺序来显示,你可以想象成写RecyclerView就像写LinearLayout一样顺滑,但是又不用写重复布局.
上面算法就是需要计算出这个对象.
比如这个时候的数据组成是
List<A>(2)
List<B>(5)
List<C>(4)
我在count里面返回list的总和也就是2+5+4,也就是0-11
但是当position=3的时候我其实需要从第二个list里面取出序号为0的数据,所以我要减去前一个集合的size,才能得出当前集合需要的真实position.依次类推得到了上面的算法,到这里就完成了数据自动合并,自动调用对应的数据到UI绑定的方法.但是现在只能满足单列的,我想要多列混合显示,我还要实现跨列.
- 跨列
既然要自动的跨列,GridLayoutManager跑不了吧,所有的代理都有了,最大的跨列丢给这个管理器
public static BaseLayoutManager createBaseLayoutManager(Context context, ArrayList<CreateHolderDelegate> mDelegateHashMap, BaseAdapter baseAdapter) {
int max = 1;
Iterator<CreateHolderDelegate> iterator = mDelegateHashMap.iterator();
while (iterator.hasNext()) {
CreateHolderDelegate dele = iterator.next();
if (dele.onSpanSize() > max) {
max = dele.onSpanSize();
}
}
BaseLayoutManager manager = new BaseLayoutManager(context, max);
manager.setDelegateHashMap(mDelegateHashMap);
manager.mBaseAdapter = baseAdapter;
return manager;
}
然后就是重写getSpanSize方法了
setSpanSizeLookup(new SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
if (mDelegateHashMap.size() == 1) {
//如果代理总量为1,那就返回1,给控制列数的权限交还给跨列
return 1;
}
PositionBean positionBean = mBaseAdapter.computeTruePosition(position);
if (positionBean != null) {
return mDelegateHashMap.get(positionBean.getIndex()).onSpanSize();
}
return 1;
}
});
核心代码就介绍完了.使用这个库,写例如淘宝首页等等这种类似的页面,不需要再去管数据合并,也不用管什么类型什么manager之类的,只需要关心数据和展示就行了.
如何使用
加群讨论
QQ群: 347615100
