RecyclerView添加Header和Footer的基本原理

最新推荐文章于 2024-05-14 09:02:26 发布
最新推荐文章于 2024-05-14 09:02:26 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： Android 快速适配器 自定义控件 源码 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chendong_/article/details/51127220
版权

GitHub

介绍

  • 采用的基本原理就是Header和Footer作为RecyclerView的一个Item，只是显示的方式特别一点，ListView实际也是这么做的所以添加了Header之后，数据的位置会错乱。

  • 由于使用不同的LayoutManager时显示效果也不一样， 所以针对不同的LayoutManager需要做不同的操作。

  • 分析一下，LinearLayoutManager比较简单，只需要将Header和Footer作为一项就可以了，GridLayoutManager和StaggeredGridLayoutManager在这个基础上还需要将Header和Footer所在的Item充满他所在的这一行。

变量和方法

//Header和Footer,以及对应的Type
private View mHeaderView;
private View mFooterView;
private int TYPE_HEADER = -1;
private int TYPE_FOOTER = -2;

//一些辅助的方法
public int getHeaderCount() {
        return isHasHeader() ? 1 : 0;
}

private boolean isHasHeader() {
        return mHeaderView != null;
}

private boolean isHasFooter() {
        return mFooterView != null;
}

根据是否有Header和Footer获取数据Size

//根据是否有Header和Footer返回不同的Size
@Override
public int getItemCount() {
        int pos = datas.size();

        if (isHasHeader())
            pos++;
        if (isHasFooter())
            pos++;

        return pos;
}

根据是否有Header和Footer获取Type

//获取item的type，基本逻辑是如果有header又是位于第一个的则返回HeaderType,如果pos超出了data的size，又是最后一个，则返回FooterType
@Override
public int getItemViewType(int position) {
        //如果没有header没有footer直接返回
        if (!isHasHeader() && !isHasFooter())
            return datas.get(position).getRvType();

        //有header且位置0
        if (isHasHeader() && position == 0)
            return TYPE_HEADER;

        //pos超出
        if (isHasFooter() && position == getItemCount() - 1)
            return TYPE_FOOTER;

        //如果有header,下标减一个
        if (isHasHeader())
            return datas.get(position - 1).getRvType();
        else
            //没有header 按照原来的
            return datas.get(position).getRvType();
}

根据是否有Header和Footer创建Holder

//根据返回的不同的type使用HeaderView和FooterView初始化Holder,至此已经可以对LinearLayoutManager添加Header和Footer
@Override
public RvViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RvViewHolder holder;
        if (isHasFooter() && viewType == TYPE_FOOTER) {
            holder = new RvFooterHolder(mFooterView);
        } else if (isHasHeader() && viewType == TYPE_HEADER) {
            holder = new RvHeaderHolder(mHeaderView);
        } else {
            holder = new RvViewHolder(getInflateView(Res4Type.get(viewType).getResId(), 
        return holder;
}

LinearLayoutManager

  • 由于LinearLayoutManager是连续排列的，所以只需要创建不同的holder就可以实现header+footer

GridLayoutManager

  • 首先如何知道是否是GridLayoutManager,重写onAttachedToRecyclerView方法获取Manager,调用gridLayoutManager.setSpanSizeLookup（）方法，设置他跨越的宽度。
@Override
public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        Log.e("chendong","onAttachedToRecyclerView");
        RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            final GridLayoutManager gridLayoutManager = (GridLayoutManager) layoutManager;
            gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    return getItemViewType(position) == TYPE_HEADER || getItemViewType(position) == TYPE_FOOTER
                            ? gridLayoutManager.getSpanCount() : 1;
                }
            });
            return;
        }

         //判断是不是StaggeredGridLayoutManager
        if(layoutManager instanceof StaggeredGridLayoutManager){
            isStaggeredGridLayoutManager = true;
        }
}

StaggeredGridLayoutManager

  • 主要使用StaggeredGridLayoutManager.LayoutParams的 layoutParams.setFullSpan(true);方法设置
@Override
public RvViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RvViewHolder holder;
        if (isHasFooter() && viewType == TYPE_FOOTER) {
            holder = new RvFooterHolder(mFooterView);
        } else if (isHasHeader() && viewType == TYPE_HEADER) {
            holder = new RvHeaderHolder(mHeaderView);
        } else {
            holder = new RvViewHolder(getInflateView(Res4Type.get(viewType).getResId(), parent));
            if (clickListener != null) {
                holder.setOnItemClickListener(clickListener);
            }
            if (longClickListenter != null) {
                holder.setOnItemLongClickListener(longClickListenter);
            }
        }



         //关键代码
        if (isStaggeredGridLayoutManager && (holder instanceof RvHeaderHolder || holder instanceof RvFooterHolder)) {
            Log.e("chendong","瀑布流设置满行");
            StaggeredGridLayoutManager.LayoutParams layoutParams = new StaggeredGridLayoutManager.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
            layoutParams.setFullSpan(true);
            holder.getParentView().setLayoutParams(layoutParams);
        }

        bindListener4View(holder, viewType);
        return holder;
}

QuickAdapter

  • 最后贴一下整个QuickAdapter的源代码，涉及相关具体的类可以去这里查看
package com.march.quickrvlibs;

import android.content.Context;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.util.Log;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.march.quickrvlibs.inter.OnRecyclerItemClickListener;
import com.march.quickrvlibs.inter.OnRecyclerItemLongClickListener;
import com.march.quickrvlibs.inter.RvQuickInterface;

import java.util.Collections;
import java.util.List;


/**
 * Created by 陈栋 on 15/12/28.
 * 功能:
 */
public abstract class RvQuickAdapter<D extends RvQuickInterface> extends RecyclerView.Adapter<RvViewHolder> {

    protected List<D> datas;
    protected LayoutInflater mLayoutInflater;
    protected Context context;
    protected SparseArray<RvAdapterConfig> Res4Type;
    private OnRecyclerItemClickListener<RvViewHolder> clickListener;
    private OnRecyclerItemLongClickListener<RvViewHolder> longClickListenter;
    private View mHeaderView;
    private View mFooterView;
    private int TYPE_HEADER = -1;
    private int TYPE_FOOTER = -2;
    private int adapterId;//使用此标志来判断当前adapter的类型
    private boolean isStaggeredGridLayoutManager   = false;


    public int getAdapterId() {
        return adapterId;
    }

    /**
     * 设置adapterId标示
     * @param adapterId adapter标示
     */
    public void setAdapterId(int adapterId) {
        this.adapterId = adapterId;
    }

    /**
     * 使用标记判断,是否是该adaper
     * @param adapter adapter
     * @return boolean
     */
    public boolean isThisAdapter(RvQuickAdapter adapter) {
        if (adapter == null) {
            return false;
        } else if (adapter.getAdapterId() == adapterId) {
            return true;
        }
        return false;
    }

    /**
     * 多类型适配,需要调用addType()方法配置参数
     *
     * @param context context
     * @param datas   数据源
     */
    public RvQuickAdapter(Context context, List<D> datas) {
        this.datas = datas;
        this.mLayoutInflater = LayoutInflater.from(context);
        this.context = context;
    }

    public RvQuickAdapter(Context context, D[] ds) {
        Collections.addAll(datas, ds);
        this.mLayoutInflater = LayoutInflater.from(context);
        this.context = context;
    }


    /**
     * 单类型适配
     *
     * @param context context
     * @param datas   数据源
     * @param res     layout资源
     */
    public RvQuickAdapter(Context context, List<D> datas, int res) {
        this.datas = datas;
        this.mLayoutInflater = LayoutInflater.from(context);
        this.context = context;
        this.Res4Type = new SparseArray<>();
        Res4Type.put(0, new RvAdapterConfig(0, res));
    }

    public RvQuickAdapter(Context context, D[] ds, int res) {
        Collections.addAll(datas, ds);
        this.mLayoutInflater = LayoutInflater.from(context);
        this.context = context;
        this.Res4Type = new SparseArray<>();
        Res4Type.put(0, new RvAdapterConfig(0, res));
    }


    public void setClickListener(OnRecyclerItemClickListener<RvViewHolder> listener) {
        if (listener != null) {
            this.clickListener = listener;
        }
    }

    public void setLongClickListener(OnRecyclerItemLongClickListener<RvViewHolder> longClickListenter) {
        if (longClickListenter != null) {
            this.longClickListenter = longClickListenter;
        }
    }


    public void addHeader(View mHeaderView) {
        this.mHeaderView = mHeaderView;
    }

    public void addFooter(View mFooterView) {
        this.mFooterView = mFooterView;
    }

    public void addHeader(int mHeaderViewRes) {
        this.mHeaderView = getInflateView(mHeaderViewRes, null);
    }

    public void addFooter(int mFooterViewRes) {
        this.mFooterView = getInflateView(mFooterViewRes, null);
    }

    public View getInflateView(int resId, ViewGroup parent) {
        return mLayoutInflater.inflate(resId, parent, false);
    }

    @Override
    public RvViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RvViewHolder holder;
        if (isHasFooter() && viewType == TYPE_FOOTER) {
            holder = new RvFooterHolder(mFooterView);
        } else if (isHasHeader() && viewType == TYPE_HEADER) {
            holder = new RvHeaderHolder(mHeaderView);
        } else {
            holder = new RvViewHolder(getInflateView(Res4Type.get(viewType).getResId(), parent));
            if (clickListener != null) {
                holder.setOnItemClickListener(clickListener);
            }
            if (longClickListenter != null) {
                holder.setOnItemLongClickListener(longClickListenter);
            }
        }

        if (isStaggeredGridLayoutManager && (holder instanceof RvHeaderHolder || holder instanceof RvFooterHolder)) {
            Log.e("chendong","瀑布流设置满行");
            StaggeredGridLayoutManager.LayoutParams layoutParams = new StaggeredGridLayoutManager.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
            layoutParams.setFullSpan(true);
            holder.getParentView().setLayoutParams(layoutParams);
        }

        bindListener4View(holder, viewType);
        return holder;
    }

    @Override
    public void onBindViewHolder(RvViewHolder holder, int position) {
        if (isHasFooter() && position == getItemCount() - 1) {
            bindLisAndData4Footer((RvFooterHolder) holder);
        } else if (isHasHeader() && position == 0) {
            bindLisAndData4Header((RvHeaderHolder) holder);
        } else {
            int pos = judgePos(position);
            bindData4View(holder, datas.get(pos), pos, datas.get(pos).getRvType());
        }


    }


    @Override
    public int getItemViewType(int position) {
        //如果没有header没有footer直接返回
        if (!isHasHeader() && !isHasFooter())
            return datas.get(position).getRvType();

        //有header且位置0
        if (isHasHeader() && position == 0)
            return TYPE_HEADER;

        //pos超出
        if (isHasFooter() && position == getItemCount() - 1)
            return TYPE_FOOTER;

        //如果有header,下标减一个
        if (isHasHeader())
            return datas.get(position - 1).getRvType();
        else
            //没有header 按照原来的
            return datas.get(position).getRvType();

    }

    private int judgePos(int pos) {
        if (isHasHeader()) {
            return pos - 1;
        } else {
            return pos;
        }
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        Log.e("chendong","onAttachedToRecyclerView");
        RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            final GridLayoutManager gridLayoutManager = (GridLayoutManager) layoutManager;
            gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    return getItemViewType(position) == TYPE_HEADER || getItemViewType(position) == TYPE_FOOTER
                            ? gridLayoutManager.getSpanCount() : 1;
                }
            });
            return;
        }

        if(layoutManager instanceof StaggeredGridLayoutManager){
            isStaggeredGridLayoutManager = true;
        }
    }

    /**
     * 绑定数据
     *
     * @param holder ViewHolder数据持有者
     * @param data   数据集
     * @param pos    数据集中的位置
     * @param type   type
     */
    public abstract void bindData4View(RvViewHolder holder, D data, int pos, int type);

    /**
     * 绑定监听器
     *
     * @param holder ViewHolder数据持有者
     * @param type   type
     */
    public void bindListener4View(RvViewHolder holder, int type) {
    }

    /**
     * 绑定header的数据 和  监听
     *
     * @param holder header holder
     */
    public void bindLisAndData4Header(RvHeaderHolder holder) {

    }

    /**
     * 绑定footer的数据和监听
     *
     * @param holder footer holder
     */
    public void bindLisAndData4Footer(RvFooterHolder holder) {

    }


    @Override
    public int getItemCount() {
        int pos = datas.size();

        if (isHasHeader())
            pos++;
        if (isHasFooter())
            pos++;

        return pos;
    }

    public int getHeaderCount() {
        return isHasHeader() ? 1 : 0;
    }

    public int getDataPos(int pos) {
        return pos - getHeaderCount();
    }

    private boolean isHasHeader() {
        return mHeaderView != null;
    }

    private boolean isHasFooter() {
        return mFooterView != null;
    }

    /**
     * @param type  数据的类型(如果有n种类型,那么type的值需要是0 ~ n-1)
     * @param resId 该类型对应的资源文件的id
     * @return QuickTypeAdapter
     */
    public RvQuickAdapter<D> addType(int type, int resId) {
        if (this.Res4Type == null)
            this.Res4Type = new SparseArray<>();
        this.Res4Type.put(type, new RvAdapterConfig(type, resId));
        return this;
    }

}
chendong_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
RecyclerView添加footer、Header以及RecyclerView上拉加载
白衣若雪的博客
04-29 1250
RecyclerView添加footer、Header以及RecyclerView上拉加载 对RecyclerView和RecyclerView.Adapter进行简单封装以方便使用。 1. 添加Header、Footer HeaderAndFooterAdapter.java package com.zven.view.recycler; import android...
android listview添加数据_RecyclerView系列之（1）：为RecyclerView添加Header和Footer
weixin_39810441的博客
11-27 292
过去的两天，在项目中，抛弃了ListView, 想试一试RecyclerView, 在用的过程中，遇到了一些问题，比如：如何为RecyclerView添加Header和Footer? 如何为RecyclerView添加分割线？如何为RecyclerView添加下拉刷新和上拉加载？ 在今后的一段时间里，我会针对这几个问题，通过写简书的方式一一讲述， 今天为大家带来的是第一个问题的解决方法，如何为Re...
Android RecyclerView 局部刷新分析
疾风剑豪
07-13 611
@Override protected void onLayout(boolean changed, int l, int t, int r, int b) { dispatchLayout(); mFirstLayoutComplete = true; } //2.mInPreLayout 设置为 true 后面有用 mState.mInPreLayout = mState.mRunPredictiveAnimations; //5.保存动画信息相关 ...
2024年Android最新Android 优雅的为RecyclerView添加HeaderView和FooterView，程序员去公司面试准备什么
最新发布
2401_84562858的博客
05-14 426
这些题目是今年群友去腾讯、百度、小米、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。并且大多数都整理了答案，熟悉这些知识点会大大增加通过前两轮技术面试的几率有Android开发3-5年基础，希望突破瓶颈，成为架构师的小伙伴，可以关注我在不改变原有的Adapter基础上去增强其功能。3、初步的实现。
RecyclerView添加Header
xiyangyang8110的博客
03-02 1446
1 // 万能adapter implementation 'com.zhy:base-rvadapter:3.0.3' implementation 'com.zhy:base-adapter:3.0.3' 2 GridLayoutManager gridLayoutManager = new GridLayoutManager(ServiceCustomActivity.this, 2); hotServiceRv.setLayoutManage
为RecyclerView添加header和footer
henkun的博客
06-13 843
独坐幽篁里，弹琴复长啸。深林人不知，明月来相照。唐·王维 《竹里馆》
RecyclerView添加header ,添加footer同理
12-01
本教程将详细讲解如何在RecyclerView中添加Header和Footer，这对于构建复杂布局，如添加广告条或者底部操作按钮是非常实用的。 首先，我们需要理解RecyclerView的基本架构。RecyclerView由Adapter和LayoutManager两...
Android RecyclerView自定义上拉和下拉刷新效果
08-31
为了实现更丰富的自定义效果，例如动画和过渡，你可能需要创建自定义的Header或Footer视图，然后在`RecyclerView`中添加它们。这可以通过扩展`RecyclerView.ItemDecoration`类或直接在适配器中处理来实现。 总之，...
recyclerView加头尾正确方式
03-17
总结起来，要在RecyclerView中正确添加Header和Footer，需要自定义Adapter、ViewHolder以及可能的布局管理器。同时，处理好不同类型视图的识别和数据绑定，以及在特定布局下解决Header和Footer的布局问题。通过这种...
RecyclerViewHeaderFooter:带页眉和页脚的 RecyclerView
07-18
在Android开发中，RecyclerView是一个非常重要的视图组件，它...在实现过程中，关键在于理解Adapter的工作原理和灵活运用布局管理器。对于Java开发者来说，掌握这些技巧对于提升用户体验和优化界面设计具有重要意义。
recyclerView 官方示例
01-21
RecyclerView支持添加Header和Footer，这在实现如下拉刷新、上拉加载更多等功能时非常有用。可以通过在Adapter的构造函数中传递Header和Footer的视图，然后在`getItemViewType()`方法中进行区分。 9. **状态保存和...
如何为RecyclerView添加Header和Footer
01-20
过去的两天，在项目中，抛弃了ListView, 想试一试RecyclerView, 在用的过程中，遇到了一些问题，比如：如何为RecyclerView添加Header和Footer? 如何为RecyclerView添加分割线？如何为RecyclerView添加下拉刷新和上拉加载？ 在今后的一段时间里，我会针对这几个问题，通过写简书的方式一一讲述， 今天为大家带来的是第一个问题的解决方法，如何为RecyclerView添加Header和Footer？在这之前，我想分享一下我对RecyclerView的认识： 一 . 我眼中的RecyclerView 过去的这一两年， RecyclerView的越
Android-RecyclerView封装加载更多添加Header和Footer
08-13
RecyclerView封装：加载更多，添加Header和Footer
安卓的RecyclerView的addHeaderView和addFooterView
08-21
安卓的RecyclerView的addHeaderView 和 addFooterView的例子，喜欢的请下载
为RecyclerView 添加 HeaderView（FooterView）
08-21
本文就参考翔神的装饰者模式，为RecyclerView 添加 HeaderView（FooterView），并且将HeaderView的UI创建，和数据绑定强制分开，令HeaderView实例在Adapter中不再被强引用。适配GridLayoutManager 和StaggeredGridLayoutManager。
Android RecycleView实现addFootView功能
09-28
Android的RecycleView列表控件实现addFootView功能，代码比较简单清晰
RecyclerView：动态设置item的占比，多列还是1行
hacjy
05-21 6946
在Adapter中重写该方法：onAttachedToRecyclerView /** * 网格布局，动态设置item的占比 * 如果是2列，返回2，就是item占据1行。 * @param recyclerView */ @Override public void onAttachedToRecyclerView(final Rec...
RecycleView添加header和footer
lxm20819的专栏
06-28 411
最近开发，有个需求，网格布局的地步，需要添加底部footer,展示隐私权政策，本以为像listview一样很容易的add就好了，结果recycleview并没有这样的功能。项目中基本的recycleview并不能满足刷新和加载更多的操作，所以一直使用的是xrecycleview。奈何xrecycleview中只有addHead方法，项目中所需要的addfooter，并没有实现。所以仿照xrecycleview中的addhead方法，创建一个包裹器，添加addfooter方法。代码如下 /** * De
给RecyclerView添加footView
qq_38619138的博客
06-20 2958
项目里有一个需求 在列表的底部添加 更多好课在路上 本来打算直接在xml中在recyclerView 下添加一个布局文件 但是如果recyclerview过高时会顶掉 所以想到了footView 由于recyclerview没有直接提供方法来添加footView 那就自己做 主要内容都在适配器 参考文章https://blog.csdn.net/qq_33337504/...
RecyclerView添加header Footer
07-27
你可以在 RecyclerView 中添加头部和尾部视图来实现添加 header 和 footer 的效果。下面是一种常见的实现方式： 首先，你需要创建两个布局文件用作 header 和 footer 的视图。例如，header_view.xml 和 footer_view.xml。 然后，在你的 RecyclerView 的适配器中，你需要创建两个常量来表示 header 和 footer 的视图类型。例如，HEADER_VIEW_TYPE 和 FOOTER_VIEW_TYPE。 接下来，在适配器中，你需要重写以下几个方法： 1. getItemViewType(int position) 方法：根据 position 来返回相应的视图类型。如果 position 是 0，则返回 HEADER_VIEW_TYPE；如果 position 是数据集合的大小加上 1，则返回 FOOTER_VIEW_TYPE；否则返回普通的 item 类型。 2. onCreateViewHolder(ViewGroup parent, int viewType) 方法：根据 viewType 来创建对应的 ViewHolder。如果 viewType 是 HEADER_VIEW_TYPE 或 FOOTER_VIEW_TYPE，则使用相应的布局文件创建 ViewHolder；否则使用普通的 item 布局文件创建 ViewHolder。 3. onBindViewHolder(ViewHolder holder, int position) 方法：根据 position 来绑定数据到 ViewHolder。如果 position 是 HEADER_VIEW_TYPE 或 FOOTER_VIEW_TYPE，则不需要绑定数据；否则绑定普通的 item 数据。 最后，在你的 RecyclerView 中设置适配器，并在数据集合中添加对应的数据项作为 header 和 footer。例如，使用以下代码： ``` MyAdapter adapter = new MyAdapter(dataList); adapter.addHeader(headerData); adapter.addFooter(footerData); recyclerView.setAdapter(adapter); ``` 请注意，上述代码中的 MyAdapter 是你自定义的 RecyclerView.Adapter 子类，其中包含了添加 header 和 footer 的方法。 以上就是在 RecyclerView 中添加 header 和 footer 的基本步骤。希望能对你有所帮助！如有需要，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值