RecyclerView添加头布局和尾布局

最新推荐文章于 2024-08-10 08:09:57 发布
最新推荐文章于 2024-08-10 08:09:57 发布
阅读量8.8k 收藏 11
点赞数 3
分类专栏： 基本控件 RecyclerView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EleganceKing/article/details/80971508
版权
1,添加一个头布局

效果图
- 1,Xml布局

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_linear_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="20dp"/>
</android.support.constraint.ConstraintLayout>
  • 2,Activity
public class RvLinearActivity2 extends AppCompatActivity {
    private RecyclerView rvlinearlist;
    private ArrayList<String> mData;
    private RvLinearAdapter2 mAdapter;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linear);
        this.rvlinearlist = (RecyclerView) findViewById(R.id.rv_linear_list);

        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        //设置方向,默认方向(垂直)
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        rvlinearlist.setLayoutManager(linearLayoutManager);

        mData = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            mData.add("频道"+i);
        }

        //直接在adapter里面加上了头布局
        mAdapter = new RvLinearAdapter2(this, mData);
        rvlinearlist.setAdapter(mAdapter);

        //自定义分割线,顶部有线
        rvlinearlist.addItemDecoration(new ListViewHeadDecoration
                (this,R.drawable.listview_decoration));
    }
}
  • 3,Adapter
public class RvLinearAdapter2 extends  RecyclerView.Adapter<RecyclerView.ViewHolder>{

    private final LayoutInflater mLayoutInflater;
    private Context mContext;
    private List<String>mData;
    //Type
    private int TYPE_HEADER = 1001;
    public RvLinearAdapter2(Context context, List<String> data) {
        mContext = context;
        mData = data;
        mLayoutInflater = LayoutInflater.from(context);
    }
    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        if (viewType==TYPE_HEADER){
            View headerView = mLayoutInflater.inflate(R.layout.header_rv_linear, parent, false);
            return new HeaderViewHolder(headerView);
        }
        View inflate = mLayoutInflater.inflate(R.layout.item_rv_linear, parent, false);
        return new ViewHolder(inflate);

    }
    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof ViewHolder){
            //postion==0被头布局占据
            ((ViewHolder) holder).tvText.setText(mData.get(position-1));
            ((ViewHolder) holder).tvText.setOnClickListener(view ->
                    Toast.makeText(mContext, mData.get(position-1), Toast.LENGTH_SHORT).show() );
        }
    }

    @Override
    public int getItemCount() {
        //加了头布局,多一个
        return mData.size()+1;
    }

    @Override
    public int getItemViewType(int position) {
        //在第一个位置添加头
        if (position==0){
            return TYPE_HEADER;
        }
        return super.getItemViewType(position);
    }


    /**
     * 头布局的viewholder
     */
    class HeaderViewHolder extends RecyclerView.ViewHolder {
        public HeaderViewHolder(View itemView) {
            super(itemView);
        }
    }


    /**
     * 正常内容的viewholder
     */
    class ViewHolder extends RecyclerView.ViewHolder {
        TextView tvText;
        public ViewHolder(View itemView) {
            super(itemView);
            tvText=itemView.findViewById(R.id.tv_item_rv_linear_text);
        }
    }
}

源码

2,添加一个头布局,一个尾布局

效果图

其他都一样,除了Adapter不同.

public class RvHFAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {


    private final LayoutInflater mLayoutInflater;
    private Context mContext;
    private List<String>mData;

    private final static int ITEM_HEADER=0;
    private final static int ITEM_CONTENT=1;
    private final static int ITEM_FOOT=2;

    /**
     * 头布局和尾布局的数量
     */
    private int mHeader=1;
    private int mFoot=1;

    public RvHFAdapter(Context context, List<String> data) {
        mContext = context;
        mData = data;
        mLayoutInflater = LayoutInflater.from(context);
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        if (viewType==ITEM_CONTENT){
            View view = mLayoutInflater.inflate(R.layout.item_rv_linear, parent, false);
            return new ViewHolder(view);
        }
        if (viewType==ITEM_HEADER){
            View view = mLayoutInflater.inflate(R.layout.header_rv_linear, parent, false);
            return new HeaderViewHolder(view);
        }
        if (viewType==ITEM_FOOT){
            View view = mLayoutInflater.inflate(R.layout.footer_rv_linear, parent, false);
            return new FooterViewHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        //Log.e("MMM", "onBindViewHolder: "+position);

        if (holder instanceof ViewHolder){
            ((ViewHolder) holder).tvText.setText(mData.get(position-mHeader));
            ((ViewHolder) holder).tvText.setOnClickListener(view ->
                    Toast.makeText(mContext, mData.get(position-mHeader), Toast.LENGTH_SHORT).show());
        }
    }

    @Override
    public int getItemCount() {
        //固定数目,一个头,一个尾
        return mData.size()+mHeader+mFoot;
    }


    @Override
    public int getItemViewType(int position) {
        if (mHeader!=0&&position<mHeader){
            return ITEM_HEADER;
        }
        if (mFoot!=0&&position>=mData.size()+mHeader){
            return ITEM_FOOT;
        }
        return ITEM_CONTENT;
    }

    class ViewHolder extends RecyclerView.ViewHolder {
        TextView tvText;
        public ViewHolder(View itemView) {
            super(itemView);
            tvText=itemView.findViewById(R.id.tv_item_rv_linear_text);
        }
    }
    class HeaderViewHolder extends RecyclerView.ViewHolder {
        public HeaderViewHolder(View itemView) {
            super(itemView);
        }
    }
    class FooterViewHolder extends RecyclerView.ViewHolder {
        public FooterViewHolder(View itemView) {
            super(itemView);
        }
    }
}

源码

3,网格布局添加头布局和尾布局

image.png

xml布局相同
- 1,Activity

public class GridActivity extends AppCompatActivity {
    private android.support.v7.widget.RecyclerView rvlinearlist;
    private ArrayList<String> mData;
    private GridAdapter mGridAdapter;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linear);
        this.rvlinearlist = (RecyclerView) findViewById(R.id.rv_linear_list);

        initData();

        initAdapter();

    }

    private void initAdapter() {
        GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 2);
        rvlinearlist.setLayoutManager(gridLayoutManager);

        mGridAdapter = new GridAdapter(this, mData);
        //rvlinearlist.setAdapter(mGridAdapter);
        //使用添加头和尾的适配器
        RvHFAdapter rvHFAdapter = new RvHFAdapter(this, mData);
        rvlinearlist.setAdapter(rvHFAdapter);

        //处理头和尾布局,使其占据一行
        gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                //判断是否是头或者尾布局
                if (position==0||position==mData.size()+1){
                    return gridLayoutManager.getSpanCount();
                }
                return 1;
            }
        });

        //添加分割线
        //rvlinearlist.addItemDecoration(new Divider2(this));
    }

    private void initData() {
        mData = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            mData.add("频道"+i);
        }
    }
}
  • 2,Adapter
public class RvHFAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {


    private final LayoutInflater mLayoutInflater;
    private Context mContext;
    private List<String>mData;

    private final static int ITEM_HEADER=0;
    private final static int ITEM_CONTENT=1;
    private final static int ITEM_FOOT=2;

    /**
     * 头布局和尾布局的数量
     */
    private int mHeader=1;
    private int mFoot=1;

    public RvHFAdapter(Context context, List<String> data) {
        mContext = context;
        mData = data;
        mLayoutInflater = LayoutInflater.from(context);
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        if (viewType==ITEM_CONTENT){
            View view = mLayoutInflater.inflate(R.layout.item_rv_linear, parent, false);
            return new ViewHolder(view);
        }
        if (viewType==ITEM_HEADER){
            View view = mLayoutInflater.inflate(R.layout.header_rv_linear, parent, false);
            return new HeaderViewHolder(view);
        }
        if (viewType==ITEM_FOOT){
            View view = mLayoutInflater.inflate(R.layout.footer_rv_linear, parent, false);
            return new FooterViewHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        //Log.e("MMM", "onBindViewHolder: "+position);

        if (holder instanceof ViewHolder){
            ((ViewHolder) holder).tvText.setText(mData.get(position-mHeader));
            ((ViewHolder) holder).tvText.setOnClickListener(view ->
                    Toast.makeText(mContext, mData.get(position-mHeader), Toast.LENGTH_SHORT).show());
        }
    }

    @Override
    public int getItemCount() {
        //固定数目,一个头,一个尾
        return mData.size()+mHeader+mFoot;
    }


    @Override
    public int getItemViewType(int position) {
        if (mHeader!=0&&position<mHeader){
            return ITEM_HEADER;
        }
        if (mFoot!=0&&position>=mData.size()+mHeader){
            return ITEM_FOOT;
        }
        return ITEM_CONTENT;
    }

    class ViewHolder extends RecyclerView.ViewHolder {
        TextView tvText;
        public ViewHolder(View itemView) {
            super(itemView);
            tvText=itemView.findViewById(R.id.tv_item_rv_linear_text);
        }
    }
    class HeaderViewHolder extends RecyclerView.ViewHolder {
        public HeaderViewHolder(View itemView) {
            super(itemView);
        }
    }
    class FooterViewHolder extends RecyclerView.ViewHolder {
        public FooterViewHolder(View itemView) {
            super(itemView);
        }
    }
}

源码

FlyClound
关注
  • 3
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
快速实现RecycleView的网格和瀑布流布局添加头部(尾部原理一样，故略之)
oushangfeng123的专栏
08-12 8851
RecycleView高度的解耦，非常灵活，通过布局管理器LayoutManager控制其显示的布局；通过ItemDecoration控制Item间的间隔；通过ItemAnimator控制Item增删的动画；不过需要自己写接口实现点击、长按事件。它只管回收与复用View。 然后最坑爹的是没了addHeader和addFooter，需要自己实现(怨念中…),自己找来源的代码发现稍微有点繁琐，于是自己实现了。
RecyclerView添加头尾布局/xml解析
GaoYue3321的博客
06-26 253
RecyclerView添加头尾布局/xml解析xml解析RecyclerView添加头尾布局 SAX解析 对文档进行顺序扫描，当扫描到4中情况（开始文档，结束文档，开始标签，结束标签）的时候回通知DefaultHandler中的方法，一直重复这个方法直到结束 优点：解析速度快，占用内存少 缺点:解析一个xml文件对应一个handler类，比较麻烦 特点:流式解析，解析是同步的督导哪里就是解析到哪...
Recyclerview添加头布局和尾布局、item点击事件详解
08-29
主要为大家详细介绍了Recyclerview添加头布局和尾布局、item点击事件的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
推荐开源项目：StickyHeaders —— 让你的Android RecyclerView头部粘起来
最新发布
gitblog_00444的博客
08-10 358
推荐开源项目：StickyHeaders —— 让你的Android RecyclerView头部粘起来 StickyHeadersAdapter and LayoutManager for Android RecyclerView which enables sticky header positioning.项目地址:https://gitcode.com/gh_mirrors/st/Sti...
RecyclerView 添加头部和尾部布局
tyxo的博客
07-14 980
原文地址 : http://blog.csdn.net/jxxfzgy/article/details/47012097
RecyclerView的添加头部布局
a516972602的博客
12-07 1204
忙碌一天，仔细一想，也就深入了解了一下RecyclerView，改了点bug。朋友在做一个类似朋友圈的页面，大体的看了下布局，感觉挺简单，但实际做起来并没有这么容易。大概就是一个RecyclerView，然后写一个item就能搞定的事，细节处理比较多，写一下步骤吧一个Item，大体布局：<LinearLayout xmlns:android="http://schemas.android.com/a
RecyclerView加载不同的布局（新增加载头布局和尾部局）
06-06
RecyclerView加载不同的布局（新增加载头布局和尾部局），自己所写，也参照很多人的总结。
android 头部布局返回,Recyclerview添加头布局和尾布局、item点击事件详解
weixin_39568653的博客
05-26 415
简介：本篇博客主要包括recyclerview添加多种布局以及添加头布局和尾布局，还有item点击事件思路：主要重写Recyclerview.Adapter中的一些方法1.public int getItemCount() item熟练 +2(头布局和尾布局)2.public int getItemViewType(int position) 判断position 设置itemType3....
Android RecyclerView添加头部和底部的方法
01-21
如果只是想添加头部，可是使用GitHub里面这个项目，它可以为LinearLayoutManager，GridLayoutManager ，StaggeredGridLayoutManager布局的RecyclerView添加header。使用起来也十分简单； 只需将RecyclerViewHeader...
RecyclerView的基本使用、封装、多条目布局、添加头部和底部
07-16
RecyclerView万能adapter的封装，多条目布局的实现，RecyclerView添加头部和底部的实现
android自定义系列（六）--打造属于自己的头部栏
12-20
博客代码，想仔细了解可以访问我的博客：http://blog.sina.com.cn/s/blog_9c4f0e790102vzih.html
XRecyclerView如此so easy实现下拉刷新，上拉加载，添加头布局（头布局任意加）
12-19
XRecyclerView如此so easy实现下拉刷新，上拉加载，添加头布局（头布局任意加）
kotlin 给recycleview添加头部和尾部
安卓兼职framework和app工程师的博客
11-14 949
1.创建adapter class RecyclerViewAddHeaderAndFooterAdapter(var context: Context, var items: ArrayList):RecyclerView.Adapter<RecyclerViewAddHeaderAndFooterAdapter.ViewHolder>(){ companion object{ va...
RecyclerView 头部添加布局 简单示例
qq_35816104的博客
08-09 1522
前边说过了RecyclerView的使用，这时候可能满足不了我们的开发需求。list view 可以实现头部添加，那么RecyclerView 也一样可以实现。系统没有为我们提供源生的方法来实现这步骤； 这时候就需要来实现 这里我们的解决方案和网上你能搜到的大多数方案一样，是通过控制Adapter的itemType来设置的，思路就是根据不同的itemType去加载不同的布局。这时候只需要指
RecycleView添加头部和尾部
深红骑士的博客
10-27 629
一，前提 RecycleView和ListView很相似，但是RecycleView没有像ListView那样直接添加头部和尾部的方法，这就要自定义适配器来添加头部和尾部方法。 在RecycleView依赖的适配器中，无论是适配器还是ViewHolder，源码都存在RecycleView的匿名内部类，相对于ListView，RecycleView内置多级缓存，RecycleViewPool(线
高级UI-RecyclerView头部和尾部添加
cj5785
04-06 3375
在ListView中，可以添加头部和尾部，其添加方法也是十分的简单，直接调用listview.addHeaderView(view);和listview.addFooterView(view);即可，但在RecyclerView中却没有这样的方法，那么要在RecyclerView中使用这种方法怎么办呢，这就是本文要讲明的地方 原理 查看ListView源代码，得知其头部和尾部，实质上就是对原来的a...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值