在RecyclerView中添加頭部和尾部

1. 界面

就是實(shí)現(xiàn)一個(gè)有頭部敌厘、內(nèi)容部分和底部的 RecyclerView亲铡,頭部為置頂?shù)墓妫撞坑幸粋€(gè)按鈕可以添加 item
以下為實(shí)際界面圖:


效果圖

2. 實(shí)現(xiàn)

首先先新建一個(gè)class文件繼承 RecyclerView.Adapter 代碼如下:

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

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return null;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

    }

    @Override
    public int getItemCount() {
        return 0;
    }

}

由于頭部尾部和中間的 item 的布局都是不一樣的所以我們需要用到 RecyclerView.Adapter 中的 getItemViewType(int position) 這個(gè)方法來判斷 item 的類型,然后在 onCreateViewHolder(ViewGroup parent, int viewType) 中根據(jù)getItemViewType 中返回的 viewType 來進(jìn)行選擇對應(yīng)的布局文件和 ViewHolder剖踊,相關(guān)代碼如下:

    // 首先定義幾個(gè)常量標(biāo)記item的類型
    public static final int ITEM_TYPE_HEADER = 0;
    public static final int ITEM_TYPE_CONTENT = 1;
    public static final int ITEM_TYPE_BOTTOM = 2;

    private int mHeaderCount = 0;// 頭部的數(shù)量
    private int mBottomCount = 0;// 底部的數(shù)量
    
    // 中間內(nèi)容長度
    public int getContentItemCount(){
        return mContentList.size();
    }
    
    // 判斷當(dāng)前item是否是頭部(根據(jù)position來判斷)
    public boolean isHeaderView(int position) {
        return mHeaderCount != 0 && position < mHeaderCount;
    }

    // 判斷當(dāng)前item是否是底部
    public boolean isBottomView(int position) {
        return mBottomCount != 0 && position >= (mHeaderCount + getContentItemCount());
    }
    
    // 判斷當(dāng)前item類型
    @Override
    public int getItemViewType(int position) {
        if (isHeaderView(position)) {
            // 頭部View
            return ITEM_TYPE_HEADER;
        }else if (isBottomView(position)) {
            // 底部View
            return ITEM_TYPE_BOTTOM;
        } else {
            // 內(nèi)容View
            return ITEM_TYPE_CONTENT;
        }
    }
    
    // 根據(jù)返回的viewType進(jìn)行判斷,選擇對應(yīng)的布局文件和 ViewHolder
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == ITEM_TYPE_HEADER) {
            return new HeaderViewHolder(mLayoutInflater.inflate(R.layout.main_activity_list_item_header, parent, false));
        }else if (viewType == ITEM_TYPE_CONTENT){
            return new ViewHolder(mLayoutInflater.inflate(R.layout.main_activity_list_item_content, parent, false));
        }else if (viewType == ITEM_TYPE_BOTTOM){
            return new BottomViewHolder(mLayoutInflater.inflate(R.layout.main_activity_list_item_bottom, parent, false));
        }
        return null;
    }

其中 HeaderViewHolder衫贬、ViewHolder德澈、BottomViewHolder 的布局比較簡單這里就不貼出來了,詳情可以到我的Github上看

由于用了三種不同的 ViewHolder 所以在 onBindViewHolder(RecyclerView.ViewHolder holder, final int position) 中就需要判斷 holder 是哪個(gè) item 類型的

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
        // 添加了頭部固惯,所以 position 需要進(jìn)行換算
        mContentPosition = position - mHeaderCount;
        mBottomPosition = position - mHeaderCount - getContentItemCount();
        // 通過 instanceof 判斷 holder 繼承自哪個(gè)類來判斷是屬于頭部尾部還是中間
        if (holder instanceof ViewHolder){
            ((ViewHolder)holder).tvTitle.setText(mContentList.get(mContentPosition));
        }else if (holder instanceof HeaderViewHolder){
            ((HeaderViewHolder)holder).tvTitle.setText(mHeaderList.get(position));
        }else if (holder instanceof BottomViewHolder){
            ((BottomViewHolder)holder).relativeLayout.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    mOnClickItemListener.onClickItem(getItemCount());
                }
            });
        }
    }

3. 使用方法

使用方法和普通的 RecyclerView 的用法差不多圃验,只多了幾個(gè)設(shè)置底部和頭部 item 數(shù)量的方法,以下為用法示例

    LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getBaseContext());
    mRecyclerView.setLayoutManager(linearLayoutManager);
    // mHeaderList 為頭部數(shù)據(jù)缝呕,mContentList 為中間內(nèi)容的數(shù)據(jù)
    EasyAdapter adapter = new EasyAdapter(mHeaderList, mContentList, getBaseContext());
    // 在這個(gè)例子中頭部是置頂公告澳窑,有對應(yīng)的數(shù)據(jù),所以在 adapter 中就根據(jù)數(shù)據(jù)的 size 來設(shè)置頭部數(shù)量了
    adapter.setBottomCount(1);
    mRecyclerView.setAdapter(adapter);

4. 運(yùn)行效果圖

運(yùn)行效果圖

5. Github 項(xiàng)目地址

https://github.com/RoNnx/EasyRecyclerView

本文作者:RoNnx
博客鏈接:http://ronnx.top/2018/07/09/20180005/
版權(quán)聲明:本作品采用「知識共享署名-非商業(yè)性使用-相同方式共享 4.0 國際許可協(xié)議 進(jìn)行許可」,轉(zhuǎn)載請注明出處供常!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末摊聋,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子栈暇,更是在濱河造成了極大的恐慌麻裁,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件源祈,死亡現(xiàn)場離奇詭異煎源,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)香缺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門手销,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人图张,你說我怎么就攤上這事锋拖≌┖罚” “怎么了?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵兽埃,是天一觀的道長侥钳。 經(jīng)常有香客問我,道長柄错,這世上最難降的妖魔是什么舷夺? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮售貌,結(jié)果婚禮上冕房,老公的妹妹穿的比我還像新娘。我一直安慰自己趁矾,他們只是感情好耙册,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著毫捣,像睡著了一般详拙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蔓同,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天饶辙,我揣著相機(jī)與錄音,去河邊找鬼斑粱。 笑死弃揽,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的则北。 我是一名探鬼主播矿微,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼尚揣!你這毒婦竟也來了涌矢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤快骗,失蹤者是張志新(化名)和其女友劉穎娜庇,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體方篮,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡名秀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了藕溅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片匕得。...
    茶點(diǎn)故事閱讀 39,991評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蜈垮,靈堂內(nèi)的尸體忽然破棺而出耗跛,到底是詐尸還是另有隱情裕照,我是刑警寧澤攒发,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布调塌,位于F島的核電站,受9級特大地震影響惠猿,放射性物質(zhì)發(fā)生泄漏羔砾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一偶妖、第九天 我趴在偏房一處隱蔽的房頂上張望姜凄。 院中可真熱鬧,春花似錦趾访、人聲如沸态秧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽申鱼。三九已至,卻和暖如春云头,著一層夾襖步出監(jiān)牢的瞬間捐友,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工溃槐, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留匣砖,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓昏滴,卻偏偏與公主長得像猴鲫,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子谣殊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 【Android 控件 RecyclerView】 概述 RecyclerView是什么 從Android 5.0...
    Rtia閱讀 307,514評論 27 439
  • 這篇文章分三個(gè)部分变隔,簡單跟大家講一下 RecyclerView 的常用方法與奇葩用法;工作原理與ListView比...
    LucasAdam閱讀 4,391評論 0 27
  • 寫在前面:參考YoKey蟹倾,感謝匣缘。附上他的鏈接:http://www.reibang.com/p/d30fd8da4...
    喜歡丶下雨天閱讀 3,230評論 0 9
  • 為人父母潛意識的想把最好的給孩子,可往往不如所愿鲜棠,這是誰的錯(cuò)誤肌厨?我們不要把自己的意愿強(qiáng)加給別人,己所不欲勿施于人豁陆。
    王榕榕閱讀 278評論 0 0
  • 愛盒音,是心靈綻放的花朵表鳍, 愛馅而,是青春最美的詩篇。 我是一個(gè)不太關(guān)心烏龍八卦譬圣、社會新聞的人瓮恭。無奈,社會上炒得沸沸揚(yáng)揚(yáng)厘熟,...
    一世福緣閱讀 852評論 38 67