RecyclerView——添加头部和尾部

博客内容介绍了如何在RecyclerView中模拟ListView的addHeaderView和addFooterView功能。通过分析ListView的实现原理,发现其实现是通过WrapperListAdapter将Header和Footer添加到原始Adapter中。在RecyclerView中,由于没有原生支持,需要自定义一个代理Adapter类来实现相同效果。最终展示了运行结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ListView中有个addHeaderView方法和addFooterView方法,因此观看了ListView的实现原理之后,发现其实也没那么难,下面我们来看看ListView里面addHeader的流程

该方法首先判断传进来的headerView是否在RecyclerView里面的子控件,若不是则抛一个警告,ListView里面有一个mHeaderViewInfos和mFooterViewInfos用于保存HeaderView和FooterView的信息,当添加一个HeaderView时,就会添加到mHeaderViewInfos中


下面的方法把我们传进来的Adapter替换成了一个WraperListAdapter,也就是偷梁换柱啦



贴不上图了,上代码吧。。。

//以上只是将要添加的HeaderView一个列表中并跟Adapter一起被封装成HeaderViewListAdapter,并没有说在哪里显示,因此猜测HeaderViewListAdapter应该会有显示View的方法,因此我想这在ListView的setAdapter中会不会找到线索
@Override
public void setAdapter(ListAdapter adapter) {
	//先是确保当前的Adapter是为空的
    if (mAdapter != null && mDataSetObserver != null) {
        mAdapter.unregisterDataSetObserver(mDataSetObserver);
    }

    resetList();//清空ListView中原来的数据
    mRecycler.clear();//不知道mRecycler是个什么鬼

    if (mHeaderViewInfos.size() > 0|| mFooterViewInfos.size() > 0) {//HeaderViweInfos或者mFooterViewInfos是否大于0
    	//若mHeaderViewInfos是大于0的,将Adapter封装成HeaderViewListAdapter
        mAdapter = wrapHeaderListAdapterInternal(mHeaderViewInfos, mFooterViewInfos, adapter);
    } else {//否则不做任何改变
        mAdapter = adapter;
    }

    mOldSelectedPosition = INVALID_POSITION;//目测是当前被选中的条目,将要进行绑定和显示的,知道有这个东西就行了,其实我也不太懂
    mOldSelectedRowId = INVALID_ROW_ID;

    // AbsListView#setAdapter will update choice mode states.
    super.setAdapter(adapter);

    if (mAdapter != null) {
    	//下面其实就是调用的我们传进来的Adapter的方法,setAdapter其实就是将我们传进来的Adapter做了一层封装
        mAreAllItemsSelectable = mAdapter.areAllItemsEnabled();
        mOldItemCount = mItemCount;
        mItemCount = mAdapter.getCount();
        checkFocus();

        mDataSetObserver = new AdapterDataSetObserver();//创建一个观察者,用于观察adapter中的数据是否发生变化
        mAdapter.registerDataSetObserver(mDataSetObserver);

        mRecycler.setViewTypeCount(mAdapter.getViewTypeCount());//这个方法等会研究

        int position;
        if (mStackFromBottom) {//获取要显示的条目的position,每显示一条,条目的数量就会减一
            position = lookForSelectablePosition(mItemCount - 1, false);
        } else {
            position = lookForSelectablePosition(0, true);
        }
        setSelectedPositionInt(position);
        setNextSelectedPositionInt(position);

        if (mItemCount == 0) {
        	//当条目的数量为0时就是没有数据要显示啦
            checkSelectionChanged();
        }
    } else {//Adapter中没有数据,就没有东西显示啦
        mAreAllItemsSelectable = true;
        checkFocus();
        checkSelectionChanged();
    }

    requestLayout();
}

所以实质上ListView调用addHeaderView()时只是对我们传进去的Adapter动了手脚,将HeaderView和FooterView添加进去,把它封装成了HeaderViewListAdapter,然而我们并不知情(这才是封装),里面实际上调用的还是我们的Adapter的方法,所以若是我们想在RecyclerView上实现相同的效果,可以自定义一个HeaderViewListAdapter类,至于显示应该是怎么显示Adapter就怎么显示HeaderViewListAdapter,这里就先不研究啦


接下来实现为RecyclerView添加一个头部和尾部

按照ListView的流程来的话,先定义一个代理的Adapter类,毕竟实际的添加操作是在该类中完成的

package com.example.lsn5_materialdesign_wraprecyclerview;

import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;

public class MyHeaderViewListAdapter extends RecyclerView.Adapter {
    private RecyclerView.Adapter mAdapter;
    private ArrayList<View> mHeaderViewInfo;
    private ArrayList<View> mFooterViewInfo;

    //构造方法,有三个成员变量,一个是我们自己创建的Adapter,一个是HeaderViewInfo保存头部的view,一个是mFooterViewInfo保存
    //尾部的view
    public MyHeaderViewListAdapter(ArrayList<View> headerViewInfo, ArrayList<View> footerViewInfo, RecyclerView.Adapter adapter){
        mAdapter = adapter;

        //如果没有头部和尾部,则将它们初始化为空
        if(headerViewInfo == null){
            mHeaderViewInfo = new ArrayList<View>();
        }else{
            mHeaderViewInfo = headerViewInfo;
        }

        if(footerViewInfo == null){
            mFooterViewInfo = new ArrayList<View>();
        }else{
            mFooterViewInfo = footerViewInfo;
        }
    }

    //该类也是继承了RecyclerView.Adapter类,因此也要重写里面的方法
    @Override
    public int getItemCount() {
        //当mAdapter不为空,返回的长度为头部的长度,尾部的长度,mAdapter里面数据的数目之和
        if(mAdapter != null){
            return getFooterViewCount() + mAdapter.getItemCount() + getHeaderViewCount();
        }else{
            return getFooterViewCount() + getHeaderViewCount();
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder vh, int position){
        //若是头部或尾部则直接返回,在onCreateViewHolder时会返回一个mHeaderViewInfo中保存的View
        int numHeaders = getHeaderViewCount();
        if(position < numHeaders){
            return;
        }
        final int adjPosition = position - numHeaders;
        int adapterCounter = 0;
        if(mAdapter != null){
            adapterCounter = mAdapter.getItemCount();
            if(adjPosition < adapterCounter){
                mAdapter.onBindViewHolder(vh, adjPosition);
                return;
            }
        }
        //footer
    }

    private int getHeaderViewCount() {
        return mHeaderViewInfo.size();
    }

    private int getFooterViewCount() {
        return mFooterViewInfo.size();
    }

    //获取RecyclerView里面条目的类型,这里为了识别header和footer,分别为header和Footer设置了不同的返回值
    @Override
    public int getItemViewType(int position){
        int numHeaders = mHeaderViewInfo.size();
        //为HeaderView是返回RecyclerView.INVALID_TYPE
        if(position < numHeaders){
            return RecyclerView.INVALID_TYPE;
        }

        final int adjPosition = position - numHeaders;
        int adapterCount = 0;
        if(mAdapter != null){
            adapterCount = mAdapter.getItemCount();
            if(adjPosition < adapterCount){
                return mAdapter.getItemViewType(adjPosition);
            }
        }

        //footer返回RecyclerView.INVALID_TYPE - 1
        return RecyclerView.INVALID_TYPE - 1;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType){
        //header
        if(viewType == RecyclerView.INVALID_TYPE){
            return new HeaderViewHolder(mHeaderViewInfo.get(0));
        }else if(viewType == RecyclerView.INVALID_TYPE - 1) {//footer
            return new HeaderViewHolder(mFooterViewInfo.get(0));
        }
        return mAdapter.onCreateViewHolder(parent, viewType);
    }

    private class HeaderViewHolder extends RecyclerView.ViewHolder{
        public HeaderViewHolder(View view){
            super(view);
        }
    }

}


原生的RecyclerView中是没有addHeaderView和addFooterView的,因此我们需要自己封装一个RecyclerView

package com.example.lsn5_materialdesign_wraprecyclerview;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.view.View;

import java.util.ArrayList;

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


    public MyWrapRecyclerView(Context context, AttributeSet attr) {
        super(context, attr);
    }

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

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

    public void addFooterView(View v){
        mFooterViewInfos.add(v);

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

    @Override
    public void setAdapter(Adapter adapter){
        if(mHeaderViewInfos.size() > 0 || mFooterViewInfos.size() > 0){
            //在这里遇到了一个小坑,大概是我脑子不好使了,先前一直传入的是mAdapter,搞得List里面的条目一直显示不出来,调试才发现的。
            //调试程序很重要,不知道的到百度上搜,只要会很简单的几个步骤就行了
             mAdapter = new MyHeaderViewListAdapter(mHeaderViewInfos, mFooterViewInfos, adapter);
        }else{
            mAdapter = adapter;
        }
        super.setAdapter(mAdapter);
    }
}


好吧,还有封装一个Adapter,RecyclerView功能强大,但是用起来真麻烦

package com.example.lsn5_materialdesign_wraprecyclerview;

import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.List;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

    private List<String> list;

    public MyAdapter(List<String> list){
        this.list = list;
    }

    class MyViewHolder extends RecyclerView.ViewHolder{
        public TextView tv;

        public MyViewHolder(View view){
            super(view);
            this.tv = (TextView) view.findViewById(R.id.tv);
        }
    }

    @Override
    public int getItemCount(){
        return list.size();
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position){
        Log.d("zhou", "position : "+list.get(position));
        holder.tv.setText(list.get(position));
    }


    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType){
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        View view = inflater.inflate(R.layout.listitem, parent, false);
        MyViewHolder holder = new MyViewHolder(view);
        return holder;
    }

}
package com.example.lsn5_materialdesign_wraprecyclerview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    MyAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        MyWrapRecyclerView recyclerView = (MyWrapRecyclerView) findViewById(R.id.recyclerView);

        //创建一个TextView作为HeaderView
        TextView headerView = new TextView(this);
        ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        headerView.setLayoutParams(params);
        headerView.setText("我是HeaderView");
        recyclerView.addHeaderView(headerView);

        //创建一个TextView作为FooterView
        TextView footerView = new TextView(this);
        params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        footerView.setLayoutParams(params);
        footerView.setText("我是FooterView");
        recyclerView.addFooterView(footerView);

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

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

运行结果如下:




就到这了,困死我了,睡觉去
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值