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

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

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

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

运行效果:

如何在项目中使用RecyclerView列表加入HeadView_第1张图片

使用说明:

项目地址为: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列表加入HeadView_第2张图片

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

你可能感兴趣的:(如何在项目中使用RecyclerView列表加入HeadView)