完善RecyclerView,添加首尾视图

在之前学习ListView的时候,有学习过如何给ListView添加列表头和列表尾。但是通过近几期的学习,发现RecyclerView是一个比ListView更加强大和灵活的组件,今天一起来学习如何给RecyclerView添加首尾视图。

首先来简单回顾一下ListView是如何添加列表头和列表尾的,先定义好首尾视图,然后通过addHeaderView和addFooterView两个方法来加载即可,相对来说比较简单。然后在RecyclerView中并未发现类似的方法,那么应该如何为其添加首尾视图呢?

可能一些细心的同学已经发了RecyclerView.Adapter中还有几个方法没有被重写过,就先来看看是哪几个方法:

  • getItemViewType:判断当前item类型。
  • isHeaderView:判断当前item是否是HeadView。
  • isBottomView:判断当前item是否是FooterView。

同时可以看到在onCreateViewHolder方法里面带一个viewType参数,实际上onCreateViewHolder方法就是根据viewType来判断具体item是列表项、HeaderView或FooterView,然后来分别加载不同的布局文件。

接下来继续使用再上一期的案例来学习如何给RecyclerView添加首尾视图。

在app/main/res/layout/目录下创建recyclerview_header.xml文件,在其中填充如下代码片段:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="50dp">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Header View"
        android:textSize="20sp"
        android:gravity="center"/>
</LinearLayout>

继续新建一个recyclerview_footer.xml文件,在其中填充如下代码片段:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="50dp">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Footer View"
        android:textSize="20sp"
        android:gravity="center"/>
</LinearLayout>

然后修改RecyclerViewAdapter文件,在getItemViewType方法里面判断了当前Item的类型,然后在onCreateViewHolder跟据item的类型分别加载不同的布局以实现HeaderView和FooterView。修改后的RecyclerViewAdapter代码如下:

package com.jinyu.cqkxzsxy.android.advancedviewsample.adapter;


import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


import com.jinyu.cqkxzsxy.android.advancedviewsample.R;

import java.util.ArrayList;


/**
 * @创建者 鑫鱻
 * @描述 Android零基础入门到精通系列教程
 * 首发微信公众号分享达人秀(ShareExpert)
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    //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 ArrayList<String> mDatas = null;
    private LayoutInflater mInflater = null;
    private OnItemClickListener mOnItemClickListener = null;
    private OnItemLongClickListener mOnItemLongClickListener = null;


    public RecyclerViewAdapter(Context context, ArrayList<String> datas) {
        this.mDatas = datas;
        this.mInflater = LayoutInflater.from(context);
    }


    //内容长度
    public int getContentItemCount(){
        return mDatas == null ? 0 : mDatas.size();
    }


    //判断当前item是否是HeadView
    public boolean isHeaderView(int position) {
        return 0 == position;
    }


    //判断当前item是否是FooterView
    public boolean isBottomView(int position) {
        return position == (getContentItemCount() + 1);
    }


    //判断当前item类型
    @Override
    public int getItemViewType(int position) {
        if (0 == position) {
            //头部View
            return ITEM_TYPE_HEADER;
        } else if (getContentItemCount() + 1 == position) {
            //底部View
            return ITEM_TYPE_BOTTOM;
        } else {
            //内容View
            return ITEM_TYPE_CONTENT;
        }
    }


    // 创建新View,被LayoutManager所调用
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RecyclerView.ViewHolder vewHolder = null;
        View view = null;
        if(ITEM_TYPE_HEADER == viewType) {
            view = mInflater.inflate(R.layout.recyclerview_header, parent, false);
            vewHolder = new HeaderViewHolder(view);
        } else if(ITEM_TYPE_BOTTOM == viewType) {
            view = mInflater.inflate(R.layout.recyclerview_footer, parent, false);
            vewHolder = new FooterViewHolder(view);
        } else {
            view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
            vewHolder = new ViewHolder(view);
        }

        return vewHolder;
    }


    // 将数据与界面进行绑定的操作
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
        if(holder instanceof HeaderViewHolder) {


        } else if(holder instanceof FooterViewHolder){


        }else {
            final ViewHolder viewHolder = (ViewHolder) holder;
            String name = mDatas.get(position - 1);
            viewHolder.titleTv.setText("Title " + name);
            viewHolder.contenTv.setText("content " + name);


            // 点击事件注册及分发
            if (null != mOnItemClickListener) {
                viewHolder.titleTv.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mOnItemClickListener.onClick(viewHolder.titleTv, position);
                    }
                });
                viewHolder.contenTv.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mOnItemClickListener.onClick(viewHolder.contenTv, position);
                    }
                });
            }
            // 长按事件注册及分发
            if (null != mOnItemLongClickListener) {
                viewHolder.titleTv.setOnLongClickListener(new View.OnLongClickListener() {
                    @Override
                    public boolean onLongClick(View v) {
                        return mOnItemLongClickListener.onLongClick(viewHolder.titleTv, position);
                    }
                });
                viewHolder.contenTv.setOnLongClickListener(new View.OnLongClickListener() {
                    @Override
                    public boolean onLongClick(View v) {
                        return mOnItemLongClickListener.onLongClick(viewHolder.contenTv, position);
                    }
                });
            }
        }
    }


    // 获取数据的数量
    @Override
    public int getItemCount() {
        return getContentItemCount() + 2;
    }


    // 设置点击事件
    public void setOnItemClickListener(OnItemClickListener l) {
        this.mOnItemClickListener = l;
    }


    // 设置长按事件
    public void setOnItemLongClickListener(OnItemLongClickListener l) {
        this.mOnItemLongClickListener = l;
    }


    // 在对应位置增加一个item
    public void addData(int position) {
        mDatas.add(position, "Insert " + position);
        notifyItemInserted(position);

        if(position != getItemCount()) {
            notifyItemRangeChanged(position, getItemCount());
        }
    }


    // 删除对应item
    public void removeData(int position) {
        mDatas.remove(position);
        notifyItemRemoved(position);

        if(position != getItemCount()) {
            notifyItemRangeChanged(position, getItemCount());
        }
    }


    // 点击事件接口
    public interface OnItemClickListener {
        void onClick(View parent, int position);
    }


    // 长按事件接口
    public interface OnItemLongClickListener {
        boolean onLongClick(View parent, int position);
    }


    // 自定义的ViewHolder,持有每个Item的的所有界面组件
    public class ViewHolder extends RecyclerView.ViewHolder {
        public TextView titleTv = null;
        public TextView contenTv = null;

        public ViewHolder(View itemView) {
            super(itemView);

            titleTv = (TextView) itemView.findViewById(R.id.title_tv);
            contenTv = (TextView) itemView.findViewById(R.id.content_tv);
        }
    }

    //头部 ViewHolder
    public class HeaderViewHolder extends RecyclerView.ViewHolder {

        public HeaderViewHolder(View itemView) {
            super(itemView);
        }
    }

    //底部 ViewHolder
    public class FooterViewHolder extends RecyclerView.ViewHolder {

        public FooterViewHolder(View itemView) {
            super(itemView);
        }
    }
}

然后其他代码不变,重新运行程序,可以看到下图所示界面效果。

至此,关于RecyclerView的首尾视图添加已经学习完毕。当然这里只是简单介绍了其中一种实现方式,更多实现方式后期逐渐学习,欢迎一起交流讨论。

原文发布于微信公众号 - 分享达人秀(ShareExpert)

原文发表时间:2017-09-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏码匠的流水账

聊聊sentinel的SystemSlot

sentinel-core/src/main/java/com/alibaba/csp/sentinel/slots/system/SystemSlot.jav...

15410
来自专栏酷玩时刻

Retrofit2+Rxjava+MVP 实践

此博文根据前面两篇文章 Android MVP 架构初试 Android MVP 架构封装 再结合主流框架Retrofit2+Rxjava来个实践(实现聚合网...

42340
来自专栏Android知识点总结

3-VII-RecyclerView的item操作

14570
来自专栏everhad

[异常特工]android常见bug跟踪

前言 对app的线上bug的收集(友盟、云捕等)有时会得到这样的异常堆栈信息:没有一行代码是有关自身程序代码的。这使得对bug的解决无从下手,根据经验,内存不足...

21750
来自专栏Android Note

Android - 接口、MVP 的使用心得

想象一下,有这么一个场景(需求),两个不同的页面,但是页面的展示 UI 是完全相同的。这时候你会想到,这很简单啊,复用吗。但但但但是,它们的数据格式是完全不相同...

11020
来自专栏james大数据架构

Android TextView中显示图片

Android官方给我们提供的Html类下面的fromHtml方法 当你需要转换的HTML代码是带图片的,比如<IMG/>,那么你就需要使用到重载的第二个方法了...

28670
来自专栏Android开发经验

常用的代码片段,不断更新

15520
来自专栏androidBlog

Android 自定义 MarqueeView 实现跑马灯 —— 原理篇

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/...

21110
来自专栏向治洪

viewpager循环滚动和自动轮播的问题

ViewPager是一个常用的android组件,不过通常我们使用ViewPager的时候不能实现左右无限循环滑动,在滑到边界的时候会看到一个不能翻页的动画,...

41260
来自专栏水击三千

Android应用开发SharedPreferences存储数据的使用方法

SharedPreferences是Android中最容易理解的数据存储技术,实际上SharedPreferences处理的就是一个key-value(键值对)...

34060

扫码关注云+社区

领取腾讯云代金券