RecyclerView:实现带header的grid
2016-08-08 15:27
441 查看
【原文地址
点击打开链接】
GridView和ListView有许多的相似之处,不过也有一个显著的不同:没有header和footer。现在它们两者都可以用RecyclerView实现,我想看看如何在grid上添加header。
我用GridLayoutManager创建了一个spanCount为2的RecylcerView。
注:spanCount即列数。这里GridLayoutManager的第二个参数就是spanCount。
NumberedAdapter 以字符串的形式显示了每个item的position,在点击的时候显示一个toast。
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...
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。
为了用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。
点击打开链接】
GridView和ListView有许多的相似之处,不过也有一个显著的不同:没有header和footer。现在它们两者都可以用RecyclerView实现,我想看看如何在grid上添加header。
GridLayoutManager
我用GridLayoutManager创建了一个spanCount为2的RecylcerView。注:spanCount即列数。这里GridLayoutManager的第二个参数就是spanCount。
GridLayoutActivity.java
可变的span size
在上面的基本设置中,我们的spanCount为2,每个item的span size为1,因此一个header需要的span size则为2。在我尝试着添加header之前,我想先看看如何设置 span size。其实很简单。注:span size表示一个item的跨度,跨度了多少个span。
GridLayoutVariableSpanSizeActivity.java
头部(header)
现在让我们来添加一个header!我们需要一个提供两种view类型的adapter,一个为header一个为普通的item。可以看看HeaderNumberedAdapter,它在构造函数中把一个view作为header,然后把它存在一个成员变量中。回到activity。我们需要用一个header来初始化HeaderNumberedAdapter,同时重写setSpanSizeLookup,让header横跨所有列。
总结
为了用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。
相关文章推荐
- (4.1.11.5)RecyclerView:实现带header的grid
- RecyclerView:实现带header的grid
- RecyclerView:实现带header的grid
- RecyclerView:实现带header的grid(ViewType和setSpanSizeLookup()方法)
- RecyclerView:实现带header的grid
- RecyclerView实现带header的grid
- RecyclerView:实现带header的grid
- #转载#RecyclerView:实现带header的grid
- Android RecyclerView 详解(二) 点击事件绑定、瀑布流和Grid的实现
- Android中使用RecyclerView和CardView实现瀑布流效果(StaggeredGrid)
- 基于RecyclerView的封装,仿qq侧拉删除效果,实现下拉刷新,上拉加载更多,添加header,添加footer
- 仿“游品位”首页效果之RecyclerView实现PinnedHeader标签
- 一个精简的实现RecyclerView可添加header和footer的Demo
- android新特性:使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果
- 封装RecyclerView Adapter 实现可添加多个header和footer,可设置loadingView,低耦合的多种布局。
- 自定义RecyclerView添加HeaderView,添加FooterView,实现滑动到底部,加载更多
- (4.1.11.1)Android中使用RecyclerView和CardView实现瀑布流效果(StaggeredGrid)
- RecyclerView之ViewHolder封装实现点击、长按、headerView和多选功能
- 仿“游品味”首页效果之RecyclerView实现PinnedHeader标签
- XRecyclerView:实现下拉刷新、滚动到底部加载更多以及添加header功能的RecyclerView