Android中封装RecyclerView实现添加头部和底部示例代码

软件编程 Android 分类:[default] 更新日期: 2017-07-03
这篇文章主要给大家介绍了关于Android中封装RecyclerView实现添加头部和底部的相关资料,网上这方面的资料很多,但都不是自己需要的,索性自己写一个分享出来供大家参考学习,需要的朋友们下面随着小编一起来学习学习吧。

前言

我们大家都知道ListView具有添加头部和添加底部的方法,但是RecyclerView并没有这样子的方法。所以RecyclerView是不能添加底部和头部的,但是能不能仿造ListView来实现RecyclerView添加头部和底部呢?答案当然是可行的。本文就来给大家介绍了关于Android封装RecyclerView添加头部和底部的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

首先看下实现的效果:

Android中封装RecyclerView实现添加头部和底部示例代码

代码如下:

public class WrapMyRecyclerView extends RecyclerView {

 private Adapter mAdapter;
 private ArrayList<View> mHeaderViewInfos = new ArrayList<>();//保存headerView
 private ArrayList<View> mFooterViewInfos = new ArrayList<>();//保存footerView

 public WrapMyRecyclerView(Context context) {
  super(context);
 }

 public WrapMyRecyclerView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
 }

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

 /**
  * 添加headerView
  * @param v
  */
 public void addHeaderView(View v) {
  mHeaderViewInfos.add(v);
  // Wrap the adapter if it wasn't already wrapped.
  if (mAdapter != null) {
   if (!(mAdapter instanceof RecyclerHeaderViewListAdapter)) {
    wrapHeaderListAdapterInternal();
   }
  }
 }

 /**
  * 添加一个footerView
  * @param v
  */
 public void addFooterView(View v) {
  mFooterViewInfos.add(v);
  // Wrap the adapter if it wasn't already wrapped.
  if (mAdapter != null) {
   if (!(mAdapter instanceof RecyclerHeaderViewListAdapter)) {
    wrapHeaderListAdapterInternal();
   }
  }
 }

 /**
  * 设置一个Adapter
  * @param adapter
  */
 @Override
 public void setAdapter(Adapter adapter) {

  if (mHeaderViewInfos.size() > 0 || mFooterViewInfos.size() > 0) {
   mAdapter = wrapHeaderListAdapterInternal(mHeaderViewInfos, mFooterViewInfos, adapter);
  } else {
   mAdapter = adapter;
  }
  super.setAdapter(mAdapter);
 }

 private void wrapHeaderListAdapterInternal() {
  mAdapter = wrapHeaderListAdapterInternal(mHeaderViewInfos, mFooterViewInfos, mAdapter);
 }

 /**
  * 新建一个RecyclerHeaderViewListAdapter对象
  * 最终的adapter实现它
  * @param headerViewInfos
  * @param footerViewInfos
  * @param adapter
  * @return
  */
 protected RecyclerHeaderViewListAdapter wrapHeaderListAdapterInternal(
   ArrayList<View> headerViewInfos,
   ArrayList<View> footerViewInfos,
   Adapter adapter) {
  return new RecyclerHeaderViewListAdapter(headerViewInfos, footerViewInfos, adapter);
 }

}

这就是封装的RecyclerView,里面主要有三个方法addHeaderView、 addFooterView和重写的setAdapter。这里的唯一的思想就是偷梁换柱,当我们添加头部、尾部或者设置adapter时,真正的adapter并不是我们传入的adapter,而是重新new 了一个RecyclerHeaderViewListAdapter。这才是RecyclerView最终设置的adapter。

其实我们看到ListView也是通过这样子的思想来添加头部和尾部的。

Android中封装RecyclerView实现添加头部和底部示例代码

这就是ListView的addHeaderView方法,它会偷偷的创建HeaderViewListAdapter这个adapter。最终添加的header和footer在HeaderViewListAdapter里面实现。

public class RecyclerHeaderViewListAdapter extends RecyclerView.Adapter {

 private final ArrayList<View> mHeaderViewInfos;//保存headerview数据
 private final ArrayList<View> mFooterViewInfos;//保存footerView数据
 private RecyclerView.Adapter mAdapter;   //用户自己构造的adapter
 private static final int RECYCLER_HEADER_VIEW = 0x001;//headerview类型
 private static final int RECYCLER_FOOTER_VIEW = 0x002;//footerView类型


 /**
  * 构造方法
  * 初始化
  * @param headerViewInfos
  * @param footerViewInfos
  * @param adapter
  */
 public RecyclerHeaderViewListAdapter(ArrayList<View> headerViewInfos,
           ArrayList<View> footerViewInfos,
           RecyclerView.Adapter adapter) {

  mAdapter = adapter;
  if (headerViewInfos == null) {
   mHeaderViewInfos = new ArrayList<>();
  } else {
   mHeaderViewInfos = headerViewInfos;
  }

  if (footerViewInfos == null) {
   mFooterViewInfos = new ArrayList<>();
  } else {
   mFooterViewInfos = footerViewInfos;
  }
 }

 /**
  * 根据getItemViewType返回的条目类型
  * 创建不同的itemview
  * 传入的adapter,回调它的onCreateViewHolder即可
  * @param parent
  * @param viewType
  * @return
  */
 @Override
 public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  if (viewType == RECYCLER_HEADER_VIEW){
   return new HeaderViewLayout(mHeaderViewInfos.get(0));
  }else if (viewType == RECYCLER_FOOTER_VIEW){
   return new HeaderViewLayout(mFooterViewInfos.get(0));
  }
  return mAdapter.onCreateViewHolder(parent,viewType);
 }

 /**
  * 绑定数据
  * headerview和footerview不需要绑定数据,直接return即可
  * 传入的adapter需要回调它的onBindViewHolder即可
  * @param holder
  * @param position
  */
 @Override
 public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
  //header
  int numHeaders = getHeadersCount();
  if (position < numHeaders) {
   return ;
  }
  //adapter body
  final int adjPosition = position - numHeaders;
  int adapterCount = 0;
  if (mAdapter != null) {
   adapterCount = mAdapter.getItemCount();
   if (adjPosition < adapterCount) {
    mAdapter.onBindViewHolder(holder, adjPosition);
    return ;
   }
  }
  //footer
 }

 /**
  * 返回条目的类型
  * 传入的adapter,回调它的getItemViewType即可
  * @param position
  * @return
  */
 @Override
 public int getItemViewType(int position) {
  // Header
  int numHeaders = getHeadersCount();
  if (position < numHeaders) {
   return RECYCLER_HEADER_VIEW;
  }
  // Adapter
  final int adjPosition = position - numHeaders;
  int adapterCount = 0;
  if (mAdapter != null) {
   adapterCount = mAdapter.getItemCount();
   if (adjPosition < adapterCount) {
    return mAdapter.getItemViewType(position);
   }
  }
  // Footer (off-limits positions will throw an IndexOutOfBoundsException)
  return RECYCLER_FOOTER_VIEW;
 }

 /**
  * 总条目即:footerview的条目+headerview的条目+穿入的adapter条目
  * @return
  */
 @Override
 public int getItemCount() {
  if (mAdapter != null) {
   return getFootersCount() + getHeadersCount() + mAdapter.getItemCount();
  } else {
   return getFootersCount() + getHeadersCount();
  }
 }

 /**
  * 获取headerview的条目
  * @return
  */
 public int getHeadersCount() {
  return mHeaderViewInfos.size();
 }

 /**
  * 获取footervie的条目
  * @return
  */
 public int getFootersCount() {
  return mFooterViewInfos.size();
 }

 /**
  * 这是footerview和headerview的ViewHolder需要
  * 这里只是提供一个构造器即可,实际上用处不大
  */
 private static class HeaderViewLayout extends RecyclerView.ViewHolder{

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

}

这是实现添加header、footer和传入adapter的RecyclerHeaderViewListAdapter。具体的逻辑都在文件的注释里面有说明。逻辑是仿造ListView的HeaderViewListAdapter来实现的。

其实就是创建一个adapter,然后根据不同的条目类型来创建条目和绑定条目的数据即可。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:andro
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 tools:context="com.wrap.recycler.WrapRecyclerViewActivity">

 <com.lwj.wrap.recycler.WrapMyRecyclerView
  android:
  android:layout_width="match_parent"
  android:layout_height="match_parent"/>

</LinearLayout>

这是布局文件

public class WrapRecyclerViewActivity extends AppCompatActivity {
 private WrapMyRecyclerView mRecyclerView;
 private MyAdapter mMyAdapter;
 private List<String> mList01 = new ArrayList<>();
 private static final int WC = ViewGroup.LayoutParams.WRAP_CONTENT;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_wrap_recycler_view);
  getData();
  mRecyclerView = (WrapMyRecyclerView) this.findViewById(R.id.wrap_recyclerview);
  mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

  //加入headerView
  ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(WC,WC);
  ImageView headerView = new ImageView(this);
  headerView.setImageResource(R.drawable.timg);
  headerView.setLayoutParams(params);
  mRecyclerView.addHeaderView(headerView);
  //设置adapter
  mMyAdapter = new MyAdapter(this,mList01);
  mRecyclerView.setAdapter(mMyAdapter);
  //加入footerView
  params = new ViewGroup.LayoutParams(WC,WC);
  ImageView footerView = new ImageView(this);
  footerView.setImageResource(R.drawable.hhfj);
  footerView.setLayoutParams(params);
  mRecyclerView.addFooterView(footerView);
  mMyAdapter.notifyDataSetChanged();

 }
 public void getData() {
  for (int i = 0; i < 3; i++) {
   String data ="adapter...." + i;
   mList01.add(data);
  }
 }
}

使用直接调用addHeaderView、addFooterView即可。

除了这种方式来实现addHeaderView和addFooterView,另外一种方式就是封装Adapter来实现,原理还是保持不变:根据不同的条目类型来创建条目和绑定条目的数据。

public class MyCircleRecycViewAdapter extends RecyclerView.Adapter {
 public List<CircleInfo.CirclePageInfo> infos = null;
 private Context mContext;
 private ListViewImgLoader mLoader;
 private View VIEW_FOOTER;//尾部
 private View VIEW_HEADER;//头部
 //Type
 private int TYPE_NORMAL = 1000;
 private int TYPE_HEADER = 1001;
 private int TYPE_FOOTER = 1002;
 private int tagType = TYPE_NORMAL;

 public MyCircleRecycViewAdapter(Context context,List<CircleInfo.CirclePageInfo> datas) {
  this.infos = datas;
  this.mContext = context;
  mLoader = new ListViewImgLoader();
  mLoader.setMemoryCacheSize(1024 * 1024);
  mLoader.setVisibleItemCount(12);
 }

 @Override
 public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  if (viewType == TYPE_FOOTER) {
   tagType = TYPE_FOOTER;
   return new MyCircleItemHolder(VIEW_FOOTER);
  } else if (viewType == TYPE_HEADER) {
   tagType = TYPE_HEADER;
   return new MyCircleItemHolder(VIEW_HEADER);
  } else {
   tagType = TYPE_NORMAL;
   View view = LayoutInflater.from(mContext).inflate(R.layout.circle_gridview_items, parent,false);
   return new MyCircleItemHolder(view);
  }
 }

 @Override
 public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
  if (!isHeaderView(position) && !isFooterView(position)) {
   if (haveHeaderView()) position--;
   MyCircleItemHolder viewHolder = (MyCircleItemHolder)holder;
   CircleInfo.CirclePageInfo mInfo = infos.get(position);
   setData(viewHolder,mInfo);
  }
 }

 @Override
 public int getItemCount() {
  int count = (infos == null ? 0 : infos.size());
  if (VIEW_FOOTER != null) {
   count++;
  }
  if (VIEW_HEADER != null) {
   count++;
  }
  return count;
 }

 @Override
 public int getItemViewType(int position)
 {
  if (isHeaderView(position)) {
   return TYPE_HEADER;
  } else if (isFooterView(position)) {
   return TYPE_FOOTER;
  } else {
   return TYPE_NORMAL;
  }
 }
 public void addHeaderView(View headerView) {
  if (haveHeaderView()) {
   throw new IllegalStateException("hearview has already exists!");
  } else {
   //避免出现宽度自适应
   ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(Utils.getRealPixel(30), Utils.getRealPixel(230));
   headerView.setLayoutParams(params);
   VIEW_HEADER = headerView;
   notifyItemInserted(0);
  }
 }
 public void addFooterView(View footerView) {
  if (haveFooterView()) {
   throw new IllegalStateException("footerView has already exists!");
  } else {
   ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
   footerView.setLayoutParams(params);
   VIEW_FOOTER = footerView;
//   ifGridLayoutManager();
   notifyItemInserted(getItemCount() - 1);
  }
 }

 private boolean haveHeaderView() {
  return VIEW_HEADER != null;
 }

 public boolean haveFooterView() {
  return VIEW_FOOTER != null;
 }

 private boolean isHeaderView(int position) {
  return haveHeaderView() && position == 0;
 }

 private boolean isFooterView(int position) {
  return haveFooterView() && position == getItemCount() - 1;
 }


 private void setData(final MyCircleItemHolder viewHolder, final CircleInfo.CirclePageInfo mInfo) {
  if(mInfo == null || mInfo == viewHolder.tagInfo)
  {
   return;
  }else{
   viewHolder.tagInfo = mInfo;
   if(!StrUtils.isEnpty(mInfo.thread_unread)){
    if(mInfo.thread_unread.equals("0")){
     viewHolder.threaduUnreadTv.setVisibility(View.INVISIBLE);
    }else{
     viewHolder.threaduUnreadTv.setVisibility(View.VISIBLE);
     viewHolder.threaduUnreadTv.setText(mInfo.thread_unread);
    }
   }else{
    viewHolder.threaduUnreadTv.setVisibility(View.INVISIBLE);
   }

   if (!TextUtils.isEmpty(viewHolder.tagUrl)){
    if(mInfo.circle_img_path != null && !(mInfo.circle_img_path.equals(viewHolder.tagUrl))){
     setImage(viewHolder.mImageView,mInfo.circle_img_path);
    }
   }else{
    setImage(viewHolder.mImageView,mInfo.circle_img_path);
   }
   if (!TextUtils.isEmpty(mInfo.circle_img_path)){
    viewHolder.tagUrl = mInfo.circle_img_path;
   }
   if(mInfo.circleName != null){
    if(mInfo.circleName.length() > 5){
     String s = mInfo.circleName.substring(0,5) + "...";
     viewHolder.textView.setText(s);
    }else{
     viewHolder.textView.setText(mInfo.circleName);
    }
   }

  }
 }

 private void setImage(final ColorFilterImageView mImageView, final String imgUrl){
  mImageView.setBackgroundColor(0xffadadad);
  mImageView.setImageBitmap(null);
  if(!TextUtils.isEmpty(imgUrl))
  {
   mLoader.loadImage(mImageView.hashCode(), imgUrl, 300, new DnImg.OnDnImgListener()
   {

    @Override
    public void onProgress(String url, int downloadedSize, int totalSize)
    {
     // TODO Auto-generated method stub

    }

    @Override
    public void onFinish(String url, String file, Bitmap bmp)
    {
     if(url.equals(imgUrl))
     {
      mImageView.setImageBitmap(bmp);
     }
    }
   });
  }else{
   mImageView.setBackgroundColor(0xffadadad);
   mImageView.setImageBitmap(null);
  }
 }


 class MyCircleItemHolder extends RecyclerView.ViewHolder{
  private ColorFilterImageView mImageView;
  private TextView textView;
  private CircleInfo.CirclePageInfo tagInfo;
  private String tagUrl;
  private TextView threaduUnreadTv;

  public MyCircleItemHolder(final View itemView) {
   super(itemView);
   if(tagType == TYPE_NORMAL){
    mImageView = (ColorFilterImageView)itemView.findViewById(R.id.quan_icon);
    mImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
    textView = (TextView)itemView.findViewById(R.id.quan_name);
    threaduUnreadTv = (TextView)itemView.findViewById(R.id.quan_num);
    mImageView.setOnClickListener(new View.OnClickListener() {
     @Override
     public void onClick(View v) {
      if (mListener != null){
       mListener.oncliItem(itemView,tagInfo,threaduUnreadTv);
      }
     }
    });
   }

  }
 }
 public OnclickMyCircleItemListener mListener;
 public void setOnclickMyCircleItemListener(OnclickMyCircleItemListener l){
  this.mListener = l;
 }
 public interface OnclickMyCircleItemListener{
  void oncliItem(View view,CircleInfo.CirclePageInfo info,View threadNumTv);
 }

 public void pauseLoader(){
  if(mLoader != null)
  {
   mLoader.pause();
  }
 }
 public void resumeLoader(){
  if(mLoader != null)
  {
   mLoader.resume();
  }
 }
 public void closeLoader(){
  if(mLoader != null)
  {
   mLoader.close();
  }
 }

}

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • Swift中内置的集合类型学习笔记
    Swift中内置的集合类型学习笔记
    Swift中自带数组.set.字典三大集合类型,这里将学习过程中的基础的Swift中内置的集合类型学习笔记进行整理,需要的朋友可以参考下一.引言 Swift中提供了3种集合类型,Array数据类型,Set集合类型,Dictionary字典类型.Array用于存放一组有序的数据,数据角标从0开始一次递增:Set用于存放一组无序的数据,数据不可以重复:Dicti ...
  • asp.netcore实现文件上传功能
    asp.netcore实现文件上传功能
    这篇文章主要为大家详细介绍了asp.net core实现文件上传功能,怎么做单文件和多文件上传,感兴趣的小伙伴们可以参考一下本文实例为大家分享了单文件上传.多文件上传的功能,供大家参考,具体内容如下 单文件上传 上传文件在Web应用程序中是一个常见的功能.在asp.net core中上传文件并保存在服务器上,是很容易的.下面就来演示一下怎么样在 ASP.NE ...
  • 提高代码可读性的十大注释技巧分享
    这篇文章主要介绍了提高代码可读性的十大注释技巧,详细分析了编程开发中常用的代码注释方法,需要的朋友可以参考下本文讲述了提高代码可读性的十大注释技巧.分享给大家供大家参考,具体如下: 很多程序员在写代码的时候往往都不注意代码的可读性,让别人在阅读代码时花费更多的时间.其实,只要程序员在写代码的时候,注意为代码加注释,并以合理的格式为代码加注释,这样就方便别人查 ...
  • Flex中对表格某列的值进行数字格式化并求百分比添加%
    Flex中对表格某列的值进行数字格式化并求百分比添加%
    需要对表格中某列的数值进行格式化,对该数值乘以100,并保留两位小数,添加"%"下面同实例来实现下1.问题背景 一般的,需要对表格中某列的数值进行格式化,对该数值乘以100,并保留两位小数,添加"%" 2.实现实例 <?xml version="1.0" encoding="utf- ...
  • Python中在脚本中引用其他文件函数的实现方法
    下面小编就为大家带来一篇Python中在脚本中引用其他文件函数的实现方法.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧在导入文件的时候,Python只搜索当前脚本所在的目录,加载(entry-point)入口脚本运行目录和sys.path中包含的路径例如包的安装地址.所以如果要在当前脚本引用其他文件,除了将文件放在和脚本同一目 ...
  • asp画中画广告插入在每篇文章中的实现方法
    这篇文章主要介绍了asp画中画广告插入在每篇文章中的实现方法,需要的朋友可以参考下尽管很多人给出了给每篇文章加上画中画广告的方法,但是这些所谓的方法,都不能真正地实现文字环绕在广告周围的"画中画"效果,只能左对其或者右对齐.现在要讨论的这个方法才能真正实现像新浪网.搜狐网那样的画中画广告效果. 首先说一下错误的div+CSS方法,希望大家 ...
猜你喜欢