封装那些事-100行代码撸一个RecyclerView

今天要跟大家安利一种封装方式,保证只用100行代码就能撸一个列表页面

来上图:
recycler01.pngrecycler02.png

相关说明:

  1. 该列表页可以是Activity,也可以是Fragment
  2. 该列表页使用RecyclerView,所以支持列表,网格,瀑布流
  3. 该列表页支持下拉刷新,自动加载更多
  4. 该列表需extends BaseListActivity或BaseListFragment

之前Stay写过一篇RecyclerView再封装,本篇是对该篇的详细解释。

本文难度适中,没有过多的算法,纯粹是利用Android提供的API与一些设计模式相结合做的封装。

没什么好解释的了,老司机要开车啦,滴滴。。

首先来看看我们这个列表SampleListActivity, 它是继承BaseListActivity

public class SampleListActivity extends BaseListActivity<String> 

注意,此处有泛型。这里的T就是你用在列表数据List。为什么要这样写,先埋个坑,一会再填

在SampleListActivity中

    @Override
protected BaseViewHolder getViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.activity_sample_list_item, parent, false);
    return new SampleViewHolder(view);
}

@Override
protected ILayoutManager getLayoutManager() {
    return new MyGridLayoutManager(getApplicationContext(), 3);
}

class SampleViewHolder extends BaseViewHolder {
}

子类SampleListActivity只需要做以上实现

  1. 指定列表类型:linear, grid, stagger
  2. 指定item对应的ViewHolder
  3. ViewHolder的数据绑定

ok,只要完成这些事情,一个妹子列表就出来了。开撸吧。

好奇的你不会就此满足。Adapter哪去了?RecyclerView呢?我怎么没看到它们。嗯哼~

BaseListActivity有个儿子叫SampleListActivity, 儿子非常努力,凭借自己的天赋找到了组织,终于,3秒后,儿子拿着请求来的数据加上老爹给的框架撸上了妹纸。注:妹纸图来自gank.io

就是这样一个情况,除了请求数据以及制定每个Item的UI样式,其他的都由父类完成。

是不是好奇BaseListActivity中封装了些什么?我们进去看看吧。

recycler03.png

其实SampleListActivity还有个爷爷,不过这不重要。我们看,在父类中定义了ArrayList, Adapter, Recycler. 并且对Recycler, Adapter做了初始化,为什么要这样写?老司机带你看一下系统源码就知道了。

android.app.ListActivity
recycler04.png

这里实际上参考了系统ListActivity的初衷,将ListView(这里是RecyclerView)封装起来,并且定义一个默认layout,当列表页非常简单时,子类只需要绑定data就可以完成UI显示。

Stay这里做的BaseListActivity要更内聚一些。因为我们将List定义在父类,所以在Adapter的getItemCount中可以直接做返回。不需要子类明确指定size。至于其它父类定义不了的,比如onCreateViewHolder, onBindViewHolder,可以让子类实现。

还有父类预定义了列表样式,默认为LinearLayoutManager,如果子类不想要,直接重写方法就可以了。

其实这个父类代码也不多,90行。父类有父类的想法,为了儿子能自己独立成长,只能提供一些最基础的框架,至于儿子以后能干嘛,那是儿子的事情。

虽然父类做的事情不多,但是能给的都给了,它做的最正确的事,就是早年还做了一套封装,它叫PullRecycler。这个PullRecycler还挺给力的,可以下拉刷新,自动加载更多,支持三种LayoutManager。

其实这个PullRecycler没有多难做,也就是一个SwipeRefreshLayout+RecyclerView。当然难点还是有的。下拉刷新是SwipeRefreshLayout实现的,但是自动加载更多有三个坑。

  1. 判断是否需要加载更多,是通过onScrollListener来做的,你需要拿屏幕中最后一个显示的item posistion去跟totalCount比对。但是在StaggerLayoutManager中,拿到的是一个数组。其它LayoutManager拿到的是int。这就坑了,不统一,很多github上的RecyclerView封装都是通过instanceOf来强转的,我不太喜欢。所以我就定义了一个接口ILayoutManager,让每个LayoutManager去实现一个统一的findLastVisiblePosition() recycler05.png
  2. 加载更多footer需要自成一行,但在grid和stagger模式下,这个就比较麻烦了。GridLayoutManager还简单一点,直接看源码的类注释你就能知道如何做。SpanSizeLookup,如果为footer,那就返回1,代表占满整个宽度。recycler06.png StaggerGridLayoutManager更麻烦,你得改itemView的LayoutParams,将setFullSpan设为true,才能自成一行。recycler07.png recycler08.png
  3. 以前ListView可以添加footer,但是RecyclerView没有,你得自己在adapter中做判断,如果有footer,那itemCount要+1。所以我又将Adapter抽出来,做成BaseListAdapter,是否显示footer,判断是否是stagger模式下footer,给一个默认footerViewHolder,如果子类不满意还能再重写。recycler09.png

啊啊啊,开车好累,老司机得歇会。

附上源码github,自己拿去开吧。直接可以运行,另外还封装了BaseSectionListActivity, 带section header的sample。

声明:本文为Stay原创,未经允许请勿转载 有心课堂(stay4it.com) 传递给你的不仅仅是技术~