RecyclerView 添加头布局 和 底布局

最新推荐文章于 2024-08-23 08:13:25 发布
最新推荐文章于 2024-08-23 08:13:25 发布
阅读量3.2k 收藏 4
点赞数 1
分类专栏： 移动app Android 高级UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tiger_gy/article/details/90261832
版权
Android 同时被 3 个专栏收录
35 篇文章 1 订阅
订阅专栏
移动app
34 篇文章 1 订阅
订阅专栏
高级UI
4 篇文章 0 订阅
订阅专栏

                         RecyclerView 添加头布局 和 底布局

RecyclerView 默认是没有添加头部和底部布局的方法。而在listView我们经常会用到list.addHreadView,list.addFooterView,而在recyclerView是不提供这种方法的，这可如何是好。于是观察了listView 是如何添加头布局和底部布局的，模拟listView 为recyclerView添加头部和底部布局。

我们先来查看一看ListView.addHeaderView源码

public void addHeaderView(View v, Object data, boolean isSelectable) {
        if (v.getParent() != null && v.getParent() != this) {
            if (Log.isLoggable(TAG, Log.WARN)) {
                Log.w(TAG, "The specified child already has a parent. "
                           + "You must call removeView() on the child's parent first.");
            }
        }
        final FixedViewInfo info = new FixedViewInfo();
        info.view = v;
        info.data = data;
        info.isSelectable = isSelectable;
        mHeaderViewInfos.add(info);
        mAreAllItemsSelectable &= isSelectable;

        // 如果适配器尚未包装，请将其包装
        if (mAdapter != null) {
            if (!(mAdapter instanceof HeaderViewListAdapter)) {
                   //对适配器进行包装
                wrapHeaderListAdapterInternal();
            }

            // 如果要重新添加标题视图，或在以后添加标题视图,
            // 我们需要通知.
            if (mDataSetObserver != null) {
                mDataSetObserver.onChanged();
            }
        }
    }

我们跟着  wrapHeaderListAdapterInternal()点进去看看

  /** @hide */
    protected HeaderViewListAdapter wrapHeaderListAdapterInternal(
            ArrayList<ListView.FixedViewInfo> headerViewInfos,
            ArrayList<ListView.FixedViewInfo> footerViewInfos,
            ListAdapter adapter) {
        return new HeaderViewListAdapter(headerViewInfos, footerViewInfos, adapter);
    }

    /** @hide */
    protected void wrapHeaderListAdapterInternal() {
        mAdapter = wrapHeaderListAdapterInternal(mHeaderViewInfos, mFooterViewInfos, mAdapter);
    }

listView添加头部和尾部的原理就是在 适配器adapter上添加了一个代理 （HeaderViewListAdapter），检查是否需要添加头部和尾部

listView添加头部布局和底部布局的核心代码

ListView.addHeaderView(){
     // 如果适配器尚未包装，请将其包装
        if (mAdapter != null) {
            if (!(mAdapter instanceof HeaderViewListAdapter)) {
                   //对适配器进行包装
                wrapHeaderListAdapterInternal();
            }

            // 如果要重新添加标题视图，或在以后添加标题视图,
            // 我们需要通知.
            if (mDataSetObserver != null) {
                mDataSetObserver.onChanged();
            }
        }
};
ListView.setAdapter(){
    if (mHeaderViewInfos.size() > 0|| mFooterViewInfos.size() > 0) {
            mAdapter = new HeaderViewListAdapter(mHeaderViewInfos, mFooterViewInfos, adapter);
        } else {
            mAdapter = adapter;
        }
}

listView添加头布局和脚布局的实现原理大致也就这样，我们模拟list编写一个recyclerView的头部和脚部布局，先看一下效果图

包装一个RecyclerView 含有添加头部和底部布局的方法


public class WrapRecyclerView extends RecyclerView {
    private ArrayList<View> mHeaderViewInfos = new ArrayList<View>();
    private ArrayList<View> mFooterViewInfos = new ArrayList<View>();
    private Adapter mAdapter;

    public WrapRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public  void addHeaderView(View view){
        mHeaderViewInfos.add(view);

        if (mAdapter!=null){
            if (!(mAdapter instanceof HeaderViewRecyclerAdapter)){
                mAdapter=new HeaderViewRecyclerAdapter(mHeaderViewInfos,mFooterViewInfos,mAdapter);
            }
        }

    }
    public void addFooterView(View view){
        mFooterViewInfos.add(view);
        if (mAdapter!=null){
            if (!(mAdapter instanceof HeaderViewRecyclerAdapter)){
                mAdapter=new HeaderViewRecyclerAdapter(mHeaderViewInfos,mFooterViewInfos,mAdapter);
            }
        }
    }

    @Override
    public void setAdapter(@Nullable Adapter adapter) {
        if (mHeaderViewInfos.size() > 0|| mFooterViewInfos.size() > 0) {
            mAdapter = new HeaderViewRecyclerAdapter(mHeaderViewInfos, mFooterViewInfos, adapter);
        } else {
            mAdapter = adapter;
        }
        super.setAdapter(mAdapter);
    }
}

创建中间条目recyclerView的适配器


public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private List<String> list;
    public MyAdapter(List<String> list) {
        // TODO Auto-generated constructor stub
        this.list = list;
    }

    public class ViewHolder extends RecyclerView.ViewHolder{

        public TextView tv;
        public ViewHolder(View view) {
            super(view);
            // TODO Auto-generated constructor stub
            tv = (TextView) view.findViewById(R.id.tv);
        }

    }

    @Override
    public int getItemCount() {
        // TODO Auto-generated method stub
        return list.size();
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.tv.setText(list.get(position));
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view=View.inflate(parent.getContext(),R.layout.recycler_item,null);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }
}

创建一个头部和底部的适配器


public class HeaderViewRecyclerAdapter extends RecyclerView.Adapter {
    private RecyclerView.Adapter mAdapter;

    ArrayList<View> mHeaderViewInfos;
    ArrayList<View> mFooterViewInfos;

    public HeaderViewRecyclerAdapter(ArrayList<View> headerViewInfos,
                                     ArrayList<View> footerViewInfos, RecyclerView.Adapter adapter) {
        mAdapter = adapter;

        if (headerViewInfos == null) {
            mHeaderViewInfos = new ArrayList<View>();
        } else {
            mHeaderViewInfos = headerViewInfos;
        }

        if (footerViewInfos == null) {
            mFooterViewInfos = new ArrayList<View>();
        } else {
            mFooterViewInfos = footerViewInfos;
        }
    }
    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) {
        //header
        if(viewType==RecyclerView.INVALID_TYPE){
            return new HeaderViewHolder(mHeaderViewInfos.get(0));
        }else if(viewType==RecyclerView.INVALID_TYPE-1){//footer
            return new HeaderViewHolder(mFooterViewInfos.get(0));
        }
        // Footer (off-limits positions will throw an IndexOutOfBoundsException)
        return mAdapter.onCreateViewHolder(viewGroup, viewType);
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) {
        //也要划分三个区域
        int numHeaders = getHeadersCount();
        if (position < numHeaders) {//是头部
            return ;
        }
        //adapter body
        final int adjPosition = position - numHeaders;
        int adapterCount = 0;
        if (mAdapter != null) {
            adapterCount = mAdapter.getItemCount();
            if (adjPosition < adapterCount) {
                mAdapter.onBindViewHolder(viewHolder, adjPosition);
                return ;
            }
        }
        //footer

    }

  @Override
    public int getItemCount() {
        if (mAdapter != null){
            return mFooterViewInfos.size()+mHeaderViewInfos.size()+mAdapter.getItemCount();
        }else{
            return mFooterViewInfos.size()+mHeaderViewInfos.size();
        }
    }
    @Override
    public int getItemViewType(int position) {
        //判断当前条目是什么类型的---决定渲染什么视图给什么数据
        int numHeaders = getHeadersCount();
        if (position < numHeaders) {//是头部
            return RecyclerView.INVALID_TYPE;
        }
        //正常条目部分
        // Adapter
        final int adjPosition = position - numHeaders;
        int adapterCount = 0;
        if (mAdapter != null) {
            adapterCount = mAdapter.getItemCount();
            if (adjPosition < adapterCount) {
                return mAdapter.getItemViewType(adjPosition);
            }
        }
        //footer部分
        return RecyclerView.INVALID_TYPE-1;
    }
    public int getHeadersCount() {
        return mHeaderViewInfos.size();
    }

    public int getFootersCount() {
        return mFooterViewInfos.size();
    }

    private static class HeaderViewHolder extends RecyclerView.ViewHolder {

        public HeaderViewHolder(View view) {
            super(view);
        }
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <com.hz.recyclerviewheaderfooter.WrapRecyclerView
        android:id="@+id/rv_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.hz.recyclerviewheaderfooter.WrapRecyclerView>

</LinearLayout>

recycler_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="itemxxx"
        android:textColor="#000"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {
    private WrapRecyclerView rvView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        rvView = (WrapRecyclerView) findViewById(R.id.rv_view);
        //		View headerView = View.inflate(this, resource, root);
        TextView headerView = new TextView(this);
        //		TextView tv = headerView.findViewById(id);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        headerView.setLayoutParams(params);
        headerView.setText("我是HeaderView");
        rvView.addHeaderView(headerView);
        TextView footerView = new TextView(this);
        params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        footerView.setLayoutParams(params);
        footerView.setText("我是FooterView");
        rvView.addFooterView(footerView);


        List<String> list = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            list.add("item "+i);
        }

        MyAdapter adapter = new MyAdapter(list);
        rvView.setLayoutManager(new LinearLayoutManager(this));
        rvView.setAdapter(adapter);
    }
}

好了，简简单单的为RecyclerView添加了头部和脚部的布局。skr

Guancya
关注
专栏目录
android 头部布局返回,Recyclerview添加头布局和尾布局、item点击事件详解
weixin_39568653的博客
05-26 416
简介：本篇博客主要包括recyclerview添加多种布局以及添加头布局和尾布局，还有item点击事件思路：主要重写Recyclerview.Adapter中的一些方法1.public int getItemCount() item熟练 +2(头布局和尾布局)2.public int getItemViewType(int position) 判断position 设置itemType3....
使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果 实例源码下载
01-23
使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果
Android 优雅的为RecyclerView添加HeaderView和FooterView
dawuafang
07-08 1075
本文已授权微信公众号：鸿洋（hongyangAndroid）在微信公众号平台原创首发。 转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/51854533； 本文出自:【张鸿洋的博客】 1、概述 RecyclerView通过其高度的可定制性深受大家的青睐，也有非常多的使用者开始对它进行封装或者改造...
HeaderRecyclerView教程：打造定制化头部的 RecyclerView
最新发布
gitblog_00240的博客
08-23 251
HeaderRecyclerView教程：打造定制化头部的 RecyclerView HeaderRecyclerViewHeaderRecyclerView is an Android library created to be able to use RecyclerView.Adapter with a header in a easy way. To use this library c...
RecyclerView添加头布局
qq_38373150的博客
03-23 334
1.在主页面中添加Recyclerview2.新建两个布局文件,一个是标题栏布局,一个做内容布局Adapter参照这里package com.example.test.jiecaoplayer.adapter; import android.content.Context; import android.support.v7.widget.RecyclerView; import android...
Recyclerview添加头布局和尾布局、item点击事件详解
08-29
添加头布局和尾布局的关键在于重写`RecyclerView.Adapter`的几个关键方法： 1. **getItemCount()**：此方法返回列表中所有项的总数，包括头布局和尾布局。例如，如果有10个正常项，1个头布局和1个尾布局，那么...
Android RecyclerView添加头部和底部的方法
01-21
如果只是想添加头部，可是使用GitHub里面这个项目，它可以为LinearLayoutManager，GridLayoutManager ，StaggeredGridLayoutManager布局的RecyclerView添加header。使用起来也十分简单； 只需将RecyclerViewHeader...
Android学习之RecyclerView快速添加头部布局
xiaozhiwz的专栏
10-20 9310
众所周知我们的ListView、GridView都可以增加头部布局；这样在遇到复杂的头部布局就不用增加视图类型了，不管是对于代码的可维护性还是整洁性；在Adapter中写又臭又长的代码，无论是自己看还是留给后来者都是痛苦的，而且你要是把代码都堆在getView中，oh no！我要分分钟切腹自尽…RecyclerView增加头部布局传统方式真的不是我懒，真的；传统方式我相信大家应该都会了，好吧我还是简
RecyclerView的基本使用、封装、多条目布局、添加头部和底部
07-16
RecyclerView万能adapter的封装，多条目布局的实现，RecyclerView添加头部和底部的实现
Android-RecyclerView二次封装Adapter支持添加头布局尾部局空布局
08-13
RecyclerView二次封装Adapter,支持添加头布局尾部局空布局(支持GridLayoutManager及LinearLayoutManager)
Android中Recyclerview使用5----添加头部：RecyclerViewHeader
07-16
Android中Recyclerview使用5----添加头部：RecyclerViewHeader，这个功能在Android开发中，也是非常常用，所以我自己写了一个例子放到这，供大家下载，和大家交流
Android中封装RecyclerView实现添加头部和底部示例代码
01-04
前言 我们大家都知道ListView具有添加头部和添加底部的方法，但是RecyclerView并没有这样子的方法。所以RecyclerView是不能添加底部和头部的，但是能不能仿造ListView来实现RecyclerView添加头部和底部呢？答案当然是可行的。本文就来给大家介绍了关于Android封装RecyclerView添加头部和底部的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 首先看下实现的效果： 代码如下： public class WrapMyRecyclerView extends RecyclerView { private Adapt
Android RecyclerView添加头部和底部布局，支持上拉刷新、下拉加载
故不积跬步无以至千里
11-08 3900
本文参考辉哥的博客RecyclerView更全解析之 - 打造通用的下拉刷新上拉加载进行实现，具体代码实现思路可查看原博客，目的是通过自定义自己实现添加头部、添加底部、上拉加载、下拉刷新功能。通过自己动手实现一套下拉刷新上拉加载框架，了解了RecyclerView添加Header以及Footer的实现原理，通过本次学习也看到了代码剥离拆分以及设计模式运用的重要性，写代码一定要多思考，才能写出让人赏心悦目的代码。
RecyclerView 添加头部和尾部布局
tyxo的博客
07-14 980
原文地址 : http://blog.csdn.net/jxxfzgy/article/details/47012097
RecyclerView的添加头部布局
a516972602的博客
12-07 1206
忙碌一天，仔细一想，也就深入了解了一下RecyclerView，改了点bug。朋友在做一个类似朋友圈的页面，大体的看了下布局，感觉挺简单，但实际做起来并没有这么容易。大概就是一个RecyclerView，然后写一个item就能搞定的事，细节处理比较多，写一下步骤吧一个Item，大体布局：<LinearLayout xmlns:android="http://schemas.android.com/a
RecyclerView 头部添加布局 简单示例
qq_35816104的博客
08-09 1523
前边说过了RecyclerView的使用，这时候可能满足不了我们的开发需求。list view 可以实现头部添加，那么RecyclerView 也一样可以实现。系统没有为我们提供源生的方法来实现这步骤； 这时候就需要来实现 这里我们的解决方案和网上你能搜到的大多数方案一样，是通过控制Adapter的itemType来设置的，思路就是根据不同的itemType去加载不同的布局。这时候只需要指
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值