動態(tài)添加或刪除RecyclerView的頭部和底部

一. 效果圖

1. 動態(tài)添加和刪除頭部

添加和刪除頭部

2. 動態(tài)添加和刪除底部

image

二. 使用

通過調用WrapRecyclerView封裝好的添加和刪除頭部與底部的方法

package com.xinhua.wraprecyclerviewdemo;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import com.xinhua.wraprecyclerviewdemo.recyclerview.MyRecyclerAdapter;
import com.xinhua.wraprecyclerviewdemo.recyclerview.WrapRecyclerView;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private WrapRecyclerView mRecyclerView;
    private Button mBtnAddHeaderTop, mBtnAddHeaderCenter, mBtnAddHeaderBottom;
    private Button mBtnAddFooterTop, mBtnAddFooterCenter, mBtnAddFooterBottom;
    private Button mBtnDelHeaderIndex, mBtnDelHeaderView, mBtnDelHeaderBottom;
    private Button mBtnDelFooterIndex, mBtnDelFooterView, mBtnDelFooterBottom;

    private TextView mHeadertexttView1, mHeadertexttView2, mHeadertexttView3, mHeadertexttView4;
    private TextView mFootertexttView1, mFootertexttView2, mFootertexttView3, mFootertexttView4;


    private List<String> mList;

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

    private void initView() {
        mRecyclerView = findViewById(R.id.recycler_view);
        mBtnAddHeaderTop = findViewById(R.id.btn_addHeader_top);
        mBtnAddHeaderCenter = findViewById(R.id.btn_addHeader_center);
        mBtnAddHeaderBottom = findViewById(R.id.btn_addHeader_bottom);
        mBtnAddFooterTop = findViewById(R.id.btn_addFooter_top);
        mBtnAddFooterCenter = findViewById(R.id.btn_addFooter_center);
        mBtnAddFooterBottom = findViewById(R.id.btn_addFooter_bottom);

        mBtnDelHeaderIndex = findViewById(R.id.btn_deleteHeader_index);
        mBtnDelHeaderView = findViewById(R.id.btn_deleteHeader_view);
        mBtnDelHeaderBottom = findViewById(R.id.btn_deleteHeader_bottom);
        mBtnDelFooterIndex = findViewById(R.id.btn_deleteFooter_index);
        mBtnDelFooterView = findViewById(R.id.btn_deleteFooter_view);
        mBtnDelFooterBottom = findViewById(R.id.btn_deleteFooter_bottom);

        mBtnAddHeaderTop.setOnClickListener(this);
        mBtnAddHeaderCenter.setOnClickListener(this);
        mBtnAddHeaderBottom.setOnClickListener(this);
        mBtnAddFooterTop.setOnClickListener(this);
        mBtnAddFooterCenter.setOnClickListener(this);
        mBtnAddFooterBottom.setOnClickListener(this);
        mBtnDelHeaderIndex.setOnClickListener(this);
        mBtnDelHeaderView.setOnClickListener(this);
        mBtnDelHeaderBottom.setOnClickListener(this);
        mBtnDelFooterIndex.setOnClickListener(this);
        mBtnDelFooterView.setOnClickListener(this);
        mBtnDelFooterBottom.setOnClickListener(this);

        //新增頭部
        mHeadertexttView1 = new TextView(this);
        mHeadertexttView1.setText("新增頭部文字1");
        mHeadertexttView2 = new TextView(this);
        mHeadertexttView2.setText("新增頭部文字2");
        mHeadertexttView3 = new TextView(this);
        mHeadertexttView3.setText("新增頭部文字3");
        mHeadertexttView4 = new TextView(this);
        mHeadertexttView4.setText("新增頭部文字4");

        //新增底部
        mFootertexttView1 = new TextView(this);
        mFootertexttView1.setText("新增底部文字1");
        mFootertexttView2 = new TextView(this);
        mFootertexttView2.setText("新增底部文字2");
        mFootertexttView3 = new TextView(this);
        mFootertexttView3.setText("新增底部文字3");
        mFootertexttView4 = new TextView(this);
        mFootertexttView4.setText("新增底部文字4");

        //添加
        mRecyclerView.addHeaderView(mHeadertexttView1);
        mRecyclerView.addHeaderView(mHeadertexttView2);
        mRecyclerView.addHeaderView(mHeadertexttView3);
        mRecyclerView.addHeaderView(mHeadertexttView4);

        mRecyclerView.addFooterView(mFootertexttView1);
        mRecyclerView.addFooterView(mFootertexttView2);
        mRecyclerView.addFooterView(mFootertexttView3);
        mRecyclerView.addFooterView(mFootertexttView4);

    }

    private void initData() {
        mList = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            mList.add("測試數(shù)據(jù) -> " + i);
        }
        mRecyclerView.setAdapter(new MyRecyclerAdapter(this, mList));
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.btn_addHeader_top:
                //添加指定index位置的頭部脉让,添加布局文件
                mRecyclerView.addHeaderView(R.layout.layout_header_view1, 0);
                break;
            case R.id.btn_addHeader_center:
                //添加指定index位置的頭部亦鳞,添加自定義View
                View headerLayoutView = LayoutInflater.from(this).inflate(R.layout.layout_header_view2, null, false);
                mRecyclerView.addHeaderView(headerLayoutView, 2);
                break;
            case R.id.btn_addHeader_bottom:
                //添加末端頭部狐肢,添加布局文件
                mRecyclerView.addHeaderView(R.layout.layout_header_view3);
                break;
            case R.id.btn_addFooter_top:
                View footerLayoutView = LayoutInflater.from(this).inflate(R.layout.layout_footer_view1, null, false);
                mRecyclerView.addFooterView(footerLayoutView, 0);
                break;
            case R.id.btn_addFooter_center:
                mRecyclerView.addFooterView(R.layout.layout_footer_view2, 2);
                break;
            case R.id.btn_addFooter_bottom:
                mRecyclerView.addFooterView(R.layout.layout_footer_view3);
                break;
            case R.id.btn_deleteHeader_index:
                //通過index刪除指定位置的頭部
                mRecyclerView.removeHeaderViewWithIndex(1);
                break;
            case R.id.btn_deleteHeader_view:
                //刪除指定view的頭部
                mRecyclerView.removeHeaderView(mHeadertexttView3);
                break;
            case R.id.btn_deleteHeader_bottom:
                //刪除最后一個頭部
                mRecyclerView.removeHeaderViewWithIndex(mRecyclerView.getHeaderItemCount() - 1);
                break;
            case R.id.btn_deleteFooter_index:
                mRecyclerView.removeFooterViewWithIndex(1);
                break;
            case R.id.btn_deleteFooter_view:
                mRecyclerView.removeFooterView(mFootertexttView3);
                break;
            case R.id.btn_deleteFooter_bottom:
                mRecyclerView.removeFooterViewWithIndex(mRecyclerView.getFooterItemCount() - 1);
                break;
        }
    }
}

三.實現(xiàn)

1. 構建RecyclerViewAdapter

根據(jù)不同類型返回不同的ViewType來創(chuàng)建不同的ViewHolder,實現(xiàn)區(qū)分頭部柏靶、正常item秧倾、底部

public class WrapRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private RecyclerView.Adapter mAdapter;
    private SparseArray<View> mHeaderViews;
    private SparseArray<View> mFooterViews;
    private List<Integer> mHeaderKey;
    private List<Integer> mFooterKey;


    public WrapRecyclerAdapter(Context context, RecyclerView.Adapter adapter) {
        mAdapter = adapter;
        mHeaderViews = new SparseArray<>();
        mFooterViews = new SparseArray<>();
        mHeaderKey = new ArrayList<>();
        mFooterKey = new ArrayList<>();
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        if (mHeaderViews.get(viewType) != null) {
            return new ViewHolder(mHeaderViews.get(viewType));
        } else if (mFooterViews.get(viewType) != null) {
            return new ViewHolder(mFooterViews.get(viewType));
        }
        return mAdapter.createViewHolder(parent, viewType);
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        if (isHeaderView(position) || isFooterView(position)) {
            return;
        }
        mAdapter.onBindViewHolder(holder, position - getHeaderItemCount());
    }

    @Override
    public int getItemViewType(int position) {
        if (isHeaderView(position)) {
            return mHeaderKey.get(position);
        } else if (isFooterView(position)) {
            return mFooterKey.get(position - getHeaderItemCount() - getContentItemCount());
        }
        return mAdapter.getItemViewType(position - getHeaderItemCount());
    }
    
    protected void addHeaderView(View view) {
        mHeaderKey.add(view.hashCode());
        mHeaderViews.put(view.hashCode(), view);
    }

    protected void addHeaderView(View view, int index) {
        mHeaderKey.add(index, view.hashCode());
        mHeaderViews.put(view.hashCode(), view);
    }

    protected void addHeaderViewAndNotify(View view) {
        mHeaderKey.add(view.hashCode());
        mHeaderViews.put(view.hashCode(), view);
        notifyItemInserted(getHeaderItemCount() - 1);
    }

    protected void addHeaderViewAndNotify(View view, int index) {
        addHeaderView(view, index);
        notifyItemInserted(index);
    }
    
    ....

2. 構建WrapRecyclerView

構建WrapRecyclerView來實現(xiàn)對頭部和底部的動態(tài)添加與刪除

public class WrapRecyclerView extends RecyclerView {

    private List<View> mHeaderViews;
    private ArrayMap<Integer, View> mHeaderViewResMap;
    private List<View> mFooterViews;
    private ArrayMap<Integer, View> mFooterViewResMap;
    private WrapRecyclerAdapter mWrapRecycleAdapter;
    private Context mContext;

    public WrapRecyclerView(@NonNull Context context) {
        this(context, null);
    }

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

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

    private void init(Context context) {
        mHeaderViews = new ArrayList<>();
        mFooterViews = new ArrayList<>();
        mHeaderViewResMap = new ArrayMap<>();
        mFooterViewResMap = new ArrayMap<>();
        mContext = context;
    }

    @Override
    public void setAdapter(@Nullable Adapter adapter) {
        if (mWrapRecycleAdapter != null) {
            mWrapRecycleAdapter.getOriginAdapter().unregisterAdapterDataObserver(mAdapterDataObserver);
        }
        if (adapter == null) {
            mWrapRecycleAdapter = null;
        } else {
            adapter.registerAdapterDataObserver(mAdapterDataObserver);
            mWrapRecycleAdapter = new WrapRecyclerAdapter(getContext(), adapter);
            for (int i = 0; i < mHeaderViews.size(); i++) {
                mWrapRecycleAdapter.addHeaderView(mHeaderViews.get(i));
            }
            if (mFooterViews.size() > 0) {
                for (View footerView : mFooterViews) {
                    mWrapRecycleAdapter.addFooterView(footerView);
                }
            }
        }
        super.setAdapter(mWrapRecycleAdapter);
    }
    
    public void addHeaderView(View view) {
        if (view == null) {
            throw new IllegalArgumentException("view is null on addHeaderView(View view)");
        }
        if (!mHeaderViews.contains(view)) {
            mHeaderViews.add(view);
            if (mWrapRecycleAdapter != null) {
                mWrapRecycleAdapter.addHeaderViewAndNotify(view);
            }
        }
    }

    public void addHeaderView(View view, int index) {
        if (index < 0 || index > mHeaderViews.size()) {
            throw new IllegalArgumentException("index out of bounds on addHeaderView(View view, int index)");
        }
        if (!mHeaderViews.contains(view)) {
            mHeaderViews.add(index, view);
            if (mWrapRecycleAdapter != null) {
                mWrapRecycleAdapter.addHeaderViewAndNotify(view, index);
                if (index == 0) {
                    scrollToPosition(index);
                }
            }
        }
    }

    /**
     * recyclerView添加頭部view
     *
     * @param layoutId 布局文件
     */
    public void addHeaderView(@LayoutRes int layoutId) {
        if (layoutId == 0) {
            throw new IllegalArgumentException("layoutId is invalid on addHeaderView(int layoutId)");
        }
        if (!mHeaderViewResMap.containsKey(layoutId)) {
            View view = LayoutInflater.from(mContext).inflate(layoutId, null, false);
            if (view == null) {
                throw new IllegalArgumentException("view is null on addHeaderView(View view)");
            }
            mHeaderViewResMap.put(layoutId, view);
            addHeaderView(view);
        }
    }

    public void addHeaderView(@LayoutRes int layoutId, int index) {
        if (layoutId == 0) {
            throw new IllegalArgumentException("layoutId is invalid on addHeaderView(int layoutId)");
        }
        if (!mHeaderViewResMap.containsKey(layoutId)) {
            View view = LayoutInflater.from(mContext).inflate(layoutId, null, false);
            if (view == null) {
                throw new IllegalArgumentException("view is null on addHeaderView(View view)");
            }
            mHeaderViewResMap.put(layoutId, view);
            addHeaderView(view, index);
        }
    }
    
    
    ....
}
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末屎暇,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子原在,更是在濱河造成了極大的恐慌,老刑警劉巖彤叉,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庶柿,死亡現(xiàn)場離奇詭異,居然都是意外死亡秽浇,警方通過查閱死者的電腦和手機浮庐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來柬焕,“玉大人审残,你說我怎么就攤上這事“呔伲” “怎么了搅轿?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長富玷。 經(jīng)常有香客問我璧坟,道長,這世上最難降的妖魔是什么赎懦? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任雀鹃,我火速辦了婚禮,結果婚禮上励两,老公的妹妹穿的比我還像新娘黎茎。我一直安慰自己,他們只是感情好当悔,可當我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布工三。 她就那樣靜靜地躺著,像睡著了一般先鱼。 火紅的嫁衣襯著肌膚如雪俭正。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天焙畔,我揣著相機與錄音掸读,去河邊找鬼。 笑死,一個胖子當著我的面吹牛儿惫,可吹牛的內容都是我干的澡罚。 我是一名探鬼主播,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼肾请,長吁一口氣:“原來是場噩夢啊……” “哼留搔!你這毒婦竟也來了?” 一聲冷哼從身側響起铛铁,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤隔显,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后饵逐,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體括眠,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年倍权,在試婚紗的時候發(fā)現(xiàn)自己被綠了掷豺。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡薄声,死狀恐怖当船,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情默辨,我是刑警寧澤生年,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站廓奕,受9級特大地震影響抱婉,放射性物質發(fā)生泄漏。R本人自食惡果不足惜桌粉,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一蒸绩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧铃肯,春花似錦患亿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至挑格,卻和暖如春咙冗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背漂彤。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工雾消, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留灾搏,地道東北人。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓立润,卻偏偏與公主長得像狂窑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子桑腮,可洞房花燭夜當晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內容