美文网首页Run_实用AndroidAndroid知识
如何在项目中使用RecyclerView列表加入HeadView

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

作者: 威哥爱编程 | 来源:发表于2016-11-03 09:50 被阅读334次

    【威哥说】如果你看到这篇文章时候你还没有用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列表加入HeadView

        本文链接:https://www.haomeiwen.com/subject/wbpbuttx.html