如何在项目中使用RecyclerView列表加入HeadView

【威哥说】如果你看到这篇文章时候你还没有用RecyclerView来显示列表数据,那么你真的out了,这是Google在V7包中的一个组件,相对ListView做了很大的更新,不用手动绑定ViewHolder优化,源码已经给我们封装好,但是点击事件等很多功能需要自己拓展,本文讲解加入HeadView。

以前在项目中一直使用ListView来显示列表,加入HeadView直接调用方法即可,是封装好的方法,但是在RecyclerView中,并没有这个方法,那么,要实现这个效果只能自己来实现。

下面使用超简单的方法就可以轻松实现。调用简单的代码就可以为LinearLayoutManager,GridLayoutManager ,StaggeredGridLayoutManager布局的RecyclerView添加header。

运行效果:

使用说明:

项目地址为:https://github.com/blipinsk/RecyclerViewHeader

导入项目

build.gradle

dependencies {

compile 'com.bartoszlipinski:recyclerviewheader2:2.0.1'

}

有两种使用RecyclerViewHeader的方法:

普通方法

(使用起来非常简单,但是它会添加额外的布局,因此效率略低于第二种方法):

为header创建一个xml布局(可以包括任意view或者ViewGroup)

android:layout_width="match_parent"

android:layout_height="100dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="header"/>

使用静态初始方法从xml中创建RecyclerViewHeader

RecyclerViewHeader header = RecyclerViewHeader.fromXml(context, R.layout.header);

将RecyclerViewHeader Attach 到RecyclerView,搞定!

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);

// set LayoutManager for your RecyclerView

header.attachTo(recyclerView);

第二种方法

Header-already-aligned approach (不会引入任何额外布局):

将RecyclerViewHeader布局放在RecyclerView的上层。

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@+id/recycler"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal|top" />

android:id="@+id/header"

android:layout_width="match_parent"

android:layout_height="100dp"

android:layout_gravity="center_horizontal|top">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="header"/>

获得RecyclerViewHeader对象:

RecyclerViewHeader header = (RecyclerViewHeader) findViewById(R.id.header);

把RecyclerViewHeader赋予RecyclerView

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);

// set LayoutManager for your RecyclerView

header.attachTo(recyclerView, true);

注意事项

RecyclerViewHeader必须在RecyclerView设置了LayoutManager之后调用。

目前该库适用于LinearLayoutManager,GridLayoutManager和StaggeredGridLayoutManager布局的RecyclerViews。

只支持垂直布局LayoutManager

如果你打算在RecyclerView中使用setOnScrollListener(...)方法,确保在setOnScrollListener(...)的attachTo(...)方法之前使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【威哥说】如果你看到这篇文章时候你还没有用RecyclerView来显示列表数据,那么你真的out了,这是Goog...
    威哥爱编程阅读 4,168评论 0 3
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,090评论 25 709
  • 遇到你 仿佛在做一个梦 像个孩子那样 沉浸在愉悦欢乐中 如果可以 我会手舞足蹈 你会看得到吗 如果可以 我会兴奋的...
    Mrguiyoung阅读 1,514评论 1 2
  • 夏天是个美丽的季节。女孩,漂亮的,光着腿,露出细细的脚踝,迎着风扬手。女人,优雅的,穿着光洁的丝袜,细而长的腿,踮...
    桃子满满阅读 819评论 0 1
  • 文/木子李 我被围在一个房间里,有人跳窗逃跑了,看着她逃跑的身影,我有了徘徊和犹豫。我担心,害怕被抓回来,从...
    芷木槿阅读 2,744评论 1 2