RecyclerView LayoutManager分析 添加头部尾部

最新推荐文章于 2021-10-08 09:01:24 发布
最新推荐文章于 2021-10-08 09:01:24 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： Android 文章标签： LayoutMana 添加头部 添加尾部 RecyclerVi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liubo20140401/article/details/49027175
版权

如果图片不能显示 请点击这里

RecyclerView使用也有一段时间了 他的出现是对ListView，GridView的进化，
LayoutManager负责布局
Adpater负责数据处理

自带缓存机制，不用开发者过多处理，更多的关注业务逻辑就行

更加灵活，但是需要开发者多多的操作相关事件，比如点击事件那就需要自定义接口，没有类似于ListView的addHaedView等方法

在使用中用的多的就是有添加头部尾部 加载更多 下拉刷新(可以和系统的refreshlayout)一起使用

项目中我用的是easyRecyclerView 开源项目(自行github 挺好用，功能挺全 )

正题来了
前面看到一篇博客 分析如何用LayoutManager布局管理来实现头部尾部的添加 比较方便
源地址
http://m.blog.csdn.net/blog/oushangfeng123/47435867

讲用LayoutManager来实现RecycleView的头部尾部添加，特意实现了一遍 它里面稍微分析了一下 看了一下源码 我就不分析了 看他的原帖去吧

先看个效果 都是添加了头部和尾部

这里写图片描述

主Activity代码

 public class RecyclerViewMainActivity extends ActionBarActivity {

    private android.widget.Button bt1;
    private android.widget.Button bt2;
    private android.widget.Button bt3;
    private RecyclerView rcv;
    private GridLayoutManager gridLayoutManager;
    private StaggeredGridLayoutManager staggeredGridLayoutManager;
    List<String> lists=new ArrayList<String>();
    private LinearLayoutManager linearLayoutManager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_view_main);
        this.rcv = (RecyclerView) findViewById(R.id.rcv);

        this.bt3 = (Button) findViewById(R.id.bt3);
        this.bt2 = (Button) findViewById(R.id.bt2);
        this.bt1 = (Button) findViewById(R.id.bt1);

        bt2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                gridLayoutManager = new GridLayoutManager(RecyclerViewMainActivity.this, 2);
                lists.clear();
                for(int i=0 ; i<20 ; i++){
                    lists.add("123"+i);
                }
                RecycleViewGridAdapter recycleViewAdapter = new RecycleViewGridAdapter(lists);
                LayoutInflater layoutInflater = getLayoutInflater();
                View view = layoutInflater.inflate(R.layout.item_top, null);
                recycleViewAdapter.addHeadView(view);
                View view1 = layoutInflater.inflate(R.layout.item_foot, null);
                recycleViewAdapter.addFootView(view1);

                //如果添加了头部或者尾部 就需要做相关的SpanSize的修改 回调接口 设置layoutmanager的spanSize
                recycleViewAdapter.setChangeGridLayoutManager(new RecycleViewGridAdapter.ChangeGridLayoutManagerSpance() {
                    @Override
                    public void change(final int size, final boolean isAddHead, final boolean isAddFoot) {
                        gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                            @Override
                            public int getSpanSize(int position) {
                                int spanSzie = 1;
                                if (isAddHead) {
                                    if (position == 0) {
                                        spanSzie = gridLayoutManager.getSpanCount();
                                    }
                                }

                                if (isAddFoot) {
                                    if (position == size) {
                                        spanSzie = gridLayoutManager.getSpanCount();
                                    }
                                }
                                return spanSzie;
                            }
                        });
                    }
                });
                rcv.setLayoutManager(gridLayoutManager);
                rcv.setAdapter(recycleViewAdapter);
            }
        });


        bt3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                staggeredGridLayoutManager=new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);
                lists.clear();
                for(int i=0 ; i<20 ; i++){
                    lists.add("123"+i);
                }
                RecycleViewStageredAdapter recycleViewStageredAdapter = new RecycleViewStageredAdapter(lists);
                recycleViewStageredAdapter.addHeadView(R.layout.item_top);
                recycleViewStageredAdapter.addFootView(R.layout.item_top);

                rcv.setLayoutManager(staggeredGridLayoutManager);
                rcv.setAdapter(recycleViewStageredAdapter);
            }
        });

        bt1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                 linearLayoutManager=new LinearLayoutManager(RecyclerViewMainActivity.this);
                linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);

                lists.clear();
                for(int i=0 ; i<20 ; i++){
                    lists.add("123"+i);
                }
                RecycleviewLinearAdapter recycleviewLinearAdapter=new RecycleviewLinearAdapter(lists);

                LayoutInflater layoutInflater = getLayoutInflater();
                View view = layoutInflater.inflate(R.layout.item_top, null);
                recycleviewLinearAdapter.addHeadView(view);
                View view1 = layoutInflater.inflate(R.layout.item_foot, null);
                recycleviewLinearAdapter.addFootView(view1);

                rcv.setLayoutManager(linearLayoutManager);
                rcv.setAdapter(recycleviewLinearAdapter);

            }
        });
    }
    }

然后是各个ViewHolder 整体结构图
Paste_Image.png

RecycleviewLinearAdapter 代码

    public class RecycleviewLinearAdapter<T> extends RecyclerView.Adapter<LinearViewHolder> {
    private static final int TYPE_HEADER = 0, TYPE_ITEM = 1, TYPE_FOOT = 2;
    public List<T> mDatas;
    private View headView;
    private View footView;
    private int headViewSize = 0;
    private int footViewSize = 0;
    private boolean isAddFoot = false;
    private boolean isAddHead = false;

    public RecycleviewLinearAdapter(List<T> mDatas) {
        this.mDatas = mDatas;
    }

    public void addHeadView(View view) {
        headView = view;
        headViewSize = 1;
        isAddHead = true;
    }

    public void addFootView(View view) {
        footView = view;
        footViewSize = 1;
        isAddFoot = true;
    }

    @Override
    public int getItemViewType(int position) {
        int type = TYPE_ITEM;
        if (headViewSize == 1 && position == 0) {
            type = TYPE_HEADER;
        } else if (footViewSize == 1 && position == getItemCount() - 1) {
            //最后一个位置
            type = TYPE_FOOT;
        }
        return type;
    }


    @Override
    public LinearViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = null;
        switch (viewType) {
            case TYPE_HEADER:
                view = headView;
                break;

            case TYPE_ITEM:
                view = View.inflate(parent.getContext(), R.layout.item_icon, null);
                break;

            case TYPE_FOOT:
                view = footView;
                break;
        }
        return new LinearViewHolder(view);
    }

    @Override
    public void onBindViewHolder(LinearViewHolder holder, int position) {
    }

    @Override
    public int getItemCount() {
        return mDatas.size()+headViewSize+footViewSize;
    }
    }

    class LinearViewHolder extends RecyclerView.ViewHolder {
    public LinearViewHolder(View itemView) {
        super(itemView);
    }
    }

RecycleViewGridAdapter 代码

    public class RecycleViewGridAdapter<T> extends RecyclerView.Adapter<MyViewHolder> {
    private static final int TYPE_HEADER = 0, TYPE_ITEM = 1, TYPE_FOOT = 2;

    public List<T> mDatas;
    private View headView;
    private View footView;
    private int headViewSize = 0;
    private int footViewSize = 0;
    private ChangeGridLayoutManagerSpance changeGridLayoutManager;
    private boolean isAddFoot=false;
    private boolean isAddHead=false;




    public interface ChangeGridLayoutManagerSpance{
        public void change(int size, boolean isAddHead, boolean isAddFoot);
    }
    //提供接口给 让LayoutManager根据添加尾部 头部与否来做判断 显示头部与底部的SpanSize要在添加头部和尾部之后 
    public void setChangeGridLayoutManager(ChangeGridLayoutManagerSpance changeGridLayoutManager){
        this.changeGridLayoutManager=changeGridLayoutManager;
        changeGridLayoutManager.change(getItemCount()-1,isAddHead,isAddFoot);
    }

    public RecycleViewGridAdapter(List<T> datas) {
        mDatas = datas;
    }

    public void addHeadView(View view) {
        headView = view;
        headViewSize = 1;
        isAddHead=true;
    }

    public void addFootView(View view) {
        footView = view;
        footViewSize = 1;
        isAddFoot=true;
    }

    @Override
    public int getItemViewType(int position) {
        int type = TYPE_ITEM;

        if (headViewSize==1 && position == 0) {
            type = TYPE_HEADER;
        } else if (footViewSize==1 && position == getItemCount()-1) {
            //最后一个位置
            type = TYPE_FOOT;
        }
        return type;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = null;
        switch (i) {
            case TYPE_HEADER:
                view = headView;
                break;

            case TYPE_ITEM:
                view = View.inflate(viewGroup.getContext(), R.layout.item_icon, null);
                break;

            case TYPE_FOOT:
                view =footView;
                break;
        }
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {

    }
    @Override
    public int getItemCount() {
        return mDatas.size() + headViewSize + footViewSize;
    }
    }

    class MyViewHolder extends RecyclerView.ViewHolder {
    public MyViewHolder(View itemView) {
        super(itemView);
    }
    }

RecycleViewStageredAdapter 代码

 public class RecycleViewStageredAdapter<T> extends RecyclerView.Adapter<MyViewHolder1>{
    private static final int TYPE_HEADER = 0, TYPE_ITEM = 1, TYPE_FOOT = 2;

    public List<T> mDatas;
    private int headViewid;
    private int headViewSize;
    private boolean isAddHead;
    private int footViewid;
    private int footViewSize;
    private boolean isAddFoot;

    public RecycleViewStageredAdapter(List<T> mDatas) {
        this.mDatas = mDatas;
    }

    public void addHeadView(int view) {
        headViewid = view;
        headViewSize = 1;
        isAddHead=true;
    }

    public void addFootView(int view) {
        footViewid = view;
        footViewSize = 1;
        isAddFoot=true;
    }

    @Override
    public MyViewHolder1 onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = null;
        switch (i) {
            case TYPE_HEADER:
                view = LayoutInflater.from(viewGroup.getContext()).inflate(headViewid, viewGroup, false);
                break;

            case TYPE_ITEM:
                view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_icon, viewGroup, false);
                break;

            case TYPE_FOOT:
                view = LayoutInflater.from(viewGroup.getContext()).inflate(footViewid, viewGroup, false);
                break;
        }
        return new MyViewHolder1(view);
    }

    @Override
    public void onBindViewHolder(MyViewHolder1 myViewHolder, int i) {
        switch (myViewHolder.getItemViewType()) {
            case TYPE_HEADER:

                // 获取cardview的布局属性，记住这里要是布局的最外层的控件的布局属性，如果是里层的会报cast错误
                StaggeredGridLayoutManager.LayoutParams clp = (StaggeredGridLayoutManager.LayoutParams) myViewHolder.cardview.getLayoutParams();
                // 最最关键一步，设置当前view占满列数，这样就可以占据两列实现头部了
                if(clp!=null)
                    clp.setFullSpan(true);
                break;

            case TYPE_ITEM:
                ViewGroup.LayoutParams layoutParams=myViewHolder.cardview.getLayoutParams();
                layoutParams.height= (int) ((i%mDatas.size()+1)*20);
                myViewHolder.cardview.setLayoutParams(layoutParams);
                break;

            case TYPE_FOOT:
                // 获取cardview的布局属性，记住这里要是布局的最外层的控件的布局属性，如果是里层的会报cast错误
                StaggeredGridLayoutManager.LayoutParams clp1 = (StaggeredGridLayoutManager.LayoutParams) myViewHolder.cardview.getLayoutParams();
                // 最最关键一步，设置当前view占满列数，这样就可以占据两列实现头部了
                clp1.setFullSpan(true);

                break;
        }
    }

    @Override
    public int getItemViewType(int position) {

        int type = TYPE_ITEM;
        if (headViewSize==1 && position == 0) {
            type = TYPE_HEADER;
        } else if (footViewSize==1 && position == getItemCount()-1) {
            //最后一个位置
            type = TYPE_FOOT;
        }
        return type;
    }

    @Override
    public int getItemCount() {
        return mDatas.size()+headViewSize+footViewSize;
    }
    }

    class MyViewHolder1 extends RecyclerView.ViewHolder{
    public CardView cardview;
    public MyViewHolder1(View itemView) {
        super(itemView);
        cardview = (CardView) itemView.findViewById(R.id.cv);
    }
    }

发现其实都很长不差不多太多 LinearLayoutManager没啥难点
GridLayoutManager 是要设置SpanSize每行的占位大小

StaggerLayoutManager 就是要获取StaggerLayoutManager的LayoutParams 的setFullSpan 方法来设置占位宽度

贴一贴布局代码

item

  <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/cv"
    >
    <ImageView
        android:id="@+id/iv_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        />
    </android.support.v7.widget.CardView >

top

 <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/cv"
    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:cardCornerRadius="8dp"
    app:cardElevation="5dp"
    app:contentPadding="1dp"

    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="top"
        android:textSize="100dp" />
    </android.support.v7.widget.CardView>

foot

 <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/cv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Foot"
        android:textSize="100dp" />
    </android.support.v7.widget.CardView>
Daemon1993
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AW-GH381 adpater card i7.pdf
03-12
AW-GH381 adpater card i7
通用的adapter
12-26
通用的adapter类，list view，Grid view等
基于RecyclerView实现网格分页LayoutManager——PagerGridLayoutManager
冬季穿短裤
10-08 1310
基于RecyclerView实现网格分页LayoutManager——PagerGridLayoutManager
android 侧滑删除功能,RecyclerView侧滑删除功能
weixin_39911066的博客
05-26 271
项目中需要实现侧滑删除功能，在git上搜到了yanzhenjie的SwipeRecyclerView库,感觉很强大，支持 RecyclerView侧滑菜单，Item拖拽，滑动删除Item，自动加载更多，HeaderView，FooterView，Item分组黏贴等。项目地址:https://github.com/yanzhenjie/SwipeRecyclerView侧滑删除用法:一，引用库：1，...
linux ctg重装,Linux 下从头再走 GTK+-3.0 (五)
weixin_31749207的博客
05-15 1万+
实践中表明，纯粹利用 gtk 函数来创建 UI 是很繁琐的事，需要编写很多代码。怎样才能快速统一的建立 UI 布局呢？可喜的是 GTK 提供了一个 GtkBuilder 用于快速创建界面。它读取一个 xml 文件。按照 xml 文件中所描述的来创建界面。因此我们需要编写 xml 文件。创建example.ui ，内容如下：TrueGtkBuilder30TrueTrueButton 100True...
RecyclerView——垂直，水平，网格滚动视图，瀑布流
chengbangyan_38421的博客
07-17 1238
RecycleView能够灵活实现大数据集的展示，视图的复用管理比ListView更好，能够显示列表，网格，瀑布流等形式，且不同的ViewHolder能够实现item多元化的功能。 使用起来稍微麻烦一点，并且没有类似ListView的onItemClickListener监听事件，需要开发者自己实现 ...
RecyclerView自定义StaggeredGridLayoutManager实现EPG布局
qq_25017839的博客
12-24 1362
实现布局： 最近在做EPG功能，要求能够展示每个节目对应时间轴的预览节目信息，这种布局可以采用RecyclerView的瀑布流布局实现，但是测试的时候发现Item的position是没有规律的，这样就不能够很好的根据positoin去区分是哪个节目的EPG信息从而显示到不同行数上，所以需要从StaggeredGridLayoutManager源码改起 修改getNextSpan函数 /** * Finds the span for the next view. */ private Stag
给RecyclerView添加footView
qq_38619138的博客
06-20 2917
项目里有一个需求 在列表的底部添加 更多好课在路上 本来打算直接在xml中在recyclerView 下添加一个布局文件 但是如果recyclerview过高时会顶掉 所以想到了footView 由于recyclerview没有直接提供方法来添加footView 那就自己做 主要内容都在适配器 参考文章https://blog.csdn.net/qq_33337504/...
全网唯一有用的解决方案！彻底解决VerticalViewPager嵌套RecyclerView引起的滑动冲突！
wan778899的博客
08-15 4563
首先承认标题的确很装13,但是这样做是为了引起大家注意，真正去解决大家的问题。因为这个问题无论我百度或者Google，都没有找到可行的解决方案。 本人用的VerticalViewPager是GitHub上的castorflex/VerticalViewPager。 我在用VerticalViewPager里嵌套了两个fragment，frg1和frg2，其中frg1有RecyclerView，...
为RecyclerView添加header和footer
henkun的博客
06-13 832
独坐幽篁里，弹琴复长啸。深林人不知，明月来相照。唐·王维 《竹里馆》
Android RecyclerView添加FootView和HeadView
09-01
主要介绍了Android RecyclerView添加FootView和HeadView的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
RecyclerView加载不同的布局（新增加载头布局和尾部局）
06-06
RecyclerView加载不同的布局（新增加载头布局和尾部局），自己所写，也参照很多人的总结。
Awesome-RecyclerView-LayoutManager：RecyclerView-LayoutManager资源
01-31
Awesome-RecyclerView-LayoutManager：RecyclerView-LayoutManager资源
Android-RecyclerView自定义LayoutManager
08-12
RecyclerView自定义LayoutManager
LayoutManager:RecyclerView.LayoutManager
05-18
布局管理器 BigHeadSquareGridLayoutManager
RepeatLayoutManager:RecyclerView的LayoutManager
04-14
一款可以让RecyclerView无限循环的LayoutManager 使用 添加依赖 implementation ' cn.student0.manager:repeatmanager:1.0.3 ' 在代码中使用 RecyclerView recyclerView = findViewById( R . id . rv_demo); ...
vlayout:RecyclerView 的 LayoutManager 扩展-开源
07-07
通过为 RecyclerView 提供自定义的 LayoutManager，VirtualLayout 能够优雅地在单个视图中布局不同风格的子视图。 自定义 LayoutManager 管理一系列 layoutHelper，其中每个都实现特定位置范围项的特定布局逻辑。 ...
android 视频播放 点击横竖屏切换 自动旋转横竖屏切换 冲突
热门推荐
Daemon_Liu
02-14 1万+
android 视频播放 点击横竖屏切换 自动旋转横竖屏切换 冲突
recyclerview 自定义layoutmanager
最新发布
03-16
RecyclerView是Android中常用的列表控件，它可以通过LayoutManager来控制列表的布局方式。而自定义LayoutManager则可以实现更加灵活的列表布局方式，例如瀑布流、横向滑动等。自定义LayoutManager需要继承自...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值