天天看点

android RecyclerView:实现带header的grid

原文:recyclerview: grid with header 

gridview和listview有许多的相似之处,不过也有一个显著的不同:没有header和footer。现在它们两者都可以用recyclerview实现,我想看看如何在grid上添加header。

我用gridlayoutmanager创建了一个spancount为2的recylcerview。

注:spancount即列数。这里gridlayoutmanager的第二个参数就是spancount。

numberedadapter 以字符串的形式显示了每个item的position,在点击的时候显示一个toast。

android RecyclerView:实现带header的grid

gridlayoutactivity.java

在上面的基本设置中,我们的spancount为2,每个item的span size为1,因此一个header需要的span size则为2。在我尝试着添加header之前,我想先看看如何设置 span size。其实很简单。

注:span size表示一个item的跨度,跨度了多少个span。

setspansizelookup可以让你根据position来设置 span size,上面代码中的公式所得到的 span size依次是3, 2, 1, 3, 2, 1...

android RecyclerView:实现带header的grid

gridlayoutvariablespansizeactivity.java

现在让我们来添加一个header!我们需要一个提供两种view类型的adapter,一个为header一个为普通的item。可以看看headernumberedadapter,它在构造函数中把一个view作为header,然后把它存在一个成员变量中。

其中textviewholder的代码为:

在recyclerview新建一个view的时候,如果处于header的位置,我们用view holder来封装这个header。onbindviewholder中不必对header做任何事情,因为它的逻辑是在activity中处理的。

回到activity。我们需要用一个header来初始化headernumberedadapter,同时重写setspansizelookup,让header横跨所有列。

我们inflate header,定义它的点击事件,使用它去构造adapter。然后再setspansizelookup中,我们在header所处的位置返回和span count (列数)相等的 span size。

android RecyclerView:实现带header的grid

为了用recyclerview创建一个带header的grid:

定义一个具有两种view类型的adapter,一个为header一个为普通item。

nflate一个header,把它传递给adapter。

重写gridlayoutmanager中的setspansizelookup,在header所处的位置返回和span count (列数)相等的 span size。

源码: https://github.com/chiuki/android-recyclerview

ps:在我的g+上有人评论说如果你不需要recyclerview的功能,比如animation,reordering,staggering等,你也可以从aosp中拷贝headergridview.java。 

继续阅读