热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

如何为RecyclerView添加Header和Footer

这篇文章主要为大家详细介绍了如何为RecyclerView添加Header和Footer,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

过去的两天,在项目中,抛弃了ListView, 想试一试RecyclerView, 在用的过程中,遇到了一些问题,比如:如何为RecyclerView添加Header和Footer? 如何为RecyclerView添加分割线?如何为RecyclerView添加下拉刷新和上拉加载? 在今后的一段时间里,我会针对这几个问题,通过写简书的方式一一讲述, 今天为大家带来的是第一个问题的解决方法,如何为RecyclerView添加Header和Footer?在这之前,我想分享一下我对RecyclerView的认识:

一 . 我眼中的RecyclerView
过去的这一两年, RecyclerView的越来越引起了我们Android开发人员的注意,甚至很多人都说:ListView, GridView已经逐渐被RecyclerView替代, 最主要的原因就是RecyclerView的灵活性, 还有性能上的提升。那么也许有很多人会问:RecyclerView和ListView, GridView到底是什么关系呢?通过Android官方文档的一组截图告诉你:

ListView的家族谱(继承结构)

RecyclerView的家族谱(继承结构)

通过上面的两个图可以发现, ListView继承自:AbsListView。(GirdView也是), RecyclerView直接继承了ViewGroup , 最后得出结论:RecyclerView是ListView的爷爷辈, 也就是RecyclerView是ListView的二爷, 所以从封装的层次上得出了为什么RecyclerView性能比ListView更好的原因, 因为封装的层次越高,查询执行的速度相对较慢,当然还有一个原因,RecyclerView中自带的Adapter中加入了Holder,强制要求开发人员使用,在ListView中,很多人都不懂使用Holder, 这也导致了使用ListView性能比较差。这也是RecyclerView性能提升的一个主要原因, 当然,封装的层越高越灵活,相对使用起来也相对难,很多方法都是通过自己去封装的,比如ListView中有addHeaderView(View view), addFooterView(View view)去添加自己的Header 和Footer, 但是在RecyclerView中没有,下面我将详细介绍:

二 . 为RecyclerView添加Header和Footer

1. 认识Header和Footer
通过下面简书的两张图,让你认识Header和Footer

带Header的图


带Footer的图

通过上面的两张图,可以看到,Header和Footer很多情况下是辅助功能的,比如Header通常用于做广告,而Footer更多的是为了显示下拉加载更多作为一个可视化组件来显示加载情况,提升用户体验。

2. 通过代码来解析如何为RecyclerView添加Header和Footer
RecyclerView的使用和ListView的使用差不多,无非就是那三步:
第一,初始化RecyclerView;
第二,初始化数据,并且将数据通过Adapter装在到View中;
第三,通过setAdapter方法,将Adapter绑定到RecyclerView中。
下面直接上代码:通过代码注释的方式来讲解添加Header和Footer:
(1) 主布局layout_main.xml: 只是添加了一个RecyclerView而已

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  

(2)RecyclerView中ListView的Item布局list_Item.xml: 只是添加了一个TextView

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
   

(3)HeaderView和FooterView的布局文件,也是一个TextView, 这里只贴出了HeaderView的布局,FooterView的布局文件和FooterView的一样:

HeaderView的布局文件: header.xml:

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  

好了, 布局文件到这里我们已经弄好了, 下面我们直接看MainActivity中的内容:

(4) MainActivity.java中的内容为:

package com.study.wnw.recyclerviewheaderfooter; 
import android.app.Activity;import android.os.Bundle; 
import android.support.v7.widget.LinearLayoutManager; 
import android.support.v7.widget.RecyclerView; 
import android.view.LayoutInflater; 
import android.view.View; 
import java.util.ArrayList;import java.util.List; 

public class MainActivity extends Activity { 
 private RecyclerView mRecyclerView; 
 private MyAdapter mMyAdapter; 
 private List mList; 

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

  //RecyclerView三部曲+LayoutManager  
  mRecyclerView = (RecyclerView)findViewById(R.id.recyclerview); 
  LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this); 
  mRecyclerView.setLayoutManager(linearLayoutManager); 
  initData(); 
  mMyAdapter = new MyAdapter(mList); 
  mRecyclerView.setAdapter(mMyAdapter); 

 //为RecyclerView添加HeaderView和FooterView 
  setHeaderView(mRecyclerView); 
  setFooterView(mRecyclerView); 
 } 

 //初始化RecyclerView中每个item的数据 
 private void initData(){ 
 mList = new ArrayList(); 
 for (int i = 0; i <20; i++){ 
  mList.add("item" + i); 
 } 
 } 

 private void setHeaderView(RecyclerView view){ 
 View header = LayoutInflater.from(this).inflate(R.layout.header, view, false); 
  mMyAdapter.setHeaderView(header); 
 } 

 private void setFooterView(RecyclerView view){ 
 View footer = LayoutInflater.from(this).inflate(R.layout.footer, view, false);  
 mMyAdapter.setFooterView(footer); 
 } 
}

从上面的代码中,我们可以看到,我们在MainActivity中做了两件事,一个是初始化RecyclerView相关的View, Adapter, data; 另一个是通过我们自定义的Adapter的setHeaderView()和setFooterView()方法为RecyclerView添加HeaderView和FooterView, 到这里,我们已经迫不及待的想知道MyAdapter中到底有什么东西, 直接上代码

(5) MyAdapter.java的代码

package com.study.wnw.recyclerviewheaderfooter;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import java.util.List;
/** * Created by wnw on 16-5-20. */
public class MyAdapter extendsRecyclerView.Adapter { 
 public static final int TYPE_HEADER = 0; //说明是带有Header的 
 public static final int TYPE_FOOTER = 1; //说明是带有Footer的 
 public static final int TYPE_NORMAL = 2; //说明是不带有header和footer的

 //获取从Activity中传递过来每个item的数据集合 
 private List mDatas;
 //HeaderView, FooterView 
 private View mHeaderView; 
 private View mFooterView; 

 //构造函数 
 public MyAdapter(List list){ 
 this.mDatas = list; 
 } 

 //HeaderView和FooterView的get和set函数 
 public View getHeaderView() { 
 return mHeaderView; 
 } 
 public void setHeaderView(View headerView) { 
 mHeaderView = headerView; 
 notifyItemInserted(0); 
 } 
 public View getFooterView() { 
 return mFooterView; 
 } 
 public void setFooterView(View footerView) { 
 mFooterView = footerView; 
 notifyItemInserted(getItemCount()-1); 
 } 

 /** 重写这个方法,很重要,是加入Header和Footer的关键,我们通过判断item的类型,从而绑定不同的view * */ 
 @Override
 public int getItemViewType(int position) {  
 if (mHeaderView == null && mFooterView == null){  
  return TYPE_NORMAL; 
 } 
 if (position == 0){  
  //第一个item应该加载Header  
  return TYPE_HEADER; 
 } 
 if (position == getItemCount()-1){  
  //最后一个,应该加载Footer  
  return TYPE_FOOTER; 
 } 
 return TYPE_NORMAL; 
 } 

 //创建View,如果是HeaderView或者是FooterView,直接在Holder中返回  
 @Override 
 public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
 if(mHeaderView != null && viewType == TYPE_HEADER) {  
  return new ListHolder(mHeaderView); 
 } 
 if(mFooterView != null && viewType == TYPE_FOOTER){  
  return new ListHolder(mFooterView); 
 } 
 View layout = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false); 
 return new ListHolder(layout); 
 } 

 //绑定View,这里是根据返回的这个position的类型,从而进行绑定的, HeaderView和FooterView, 就不同绑定了 
 @Override 
 public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { 
 if(getItemViewType(position) == TYPE_NORMAL){  
  if(holder instanceof ListHolder) {  
  //这里加载数据的时候要注意,是从position-1开始,因为position==0已经被header占用了  
  ((ListHolder) holder).tv.setText(mDatas.get(position-1));  
  return;  
  }  
  return; 
 }else if(getItemViewType(position) == TYPE_HEADER){  
  return;  
 }else{  
  return; 
  } 
 } 

 //在这里面加载ListView中的每个item的布局 
 class ListHolder extends RecyclerView.ViewHolder{ 
 TextView tv; 
 public ListHolder(View itemView) {  
  super(itemView);  
  //如果是headerview或者是footerview,直接返回  
  if (itemView == mHeaderView){  
  return;  
  }  
  if (itemView == mFooterView){  
  return;  
  }  
  tv = (TextView)itemView.findViewById(R.id.item); 
  } 
 } 

 //返回View中Item的个数,这个时候,总的个数应该是ListView中Item的个数加上HeaderView和FooterView 
 @Override 
 public int getItemCount() { 
 if(mHeaderView == null && mFooterView == null){  
  return mDatas.size(); 
 }else if(mHeaderView == null && mFooterView != null){  
  return mDatas.size() + 1; 
 }else if (mHeaderView != null && mFooterView == null){  
  return mDatas.size() + 1; 
 }else {  
  return mDatas.size() + 2; 
 } 
 }
}

从上面的MyAdapter类中,有setHeaderView()和setFooterView()两个方法,我们就是通过这两个方法从Activity将headerView和footerView传递过来的, 在Adapter中的onCreateViewHolder()方法中,利用getItemViewType()返回Item的类型(你这个Item是不是Header家的?还是Footer家的?或者是ListView家的?)根据不同的类型,我们创建不同的Item的View。大概的思路就是这样子,更多细节请看代码注释,下面是运行截图(由于不知道Linux下有什么好的GIF生成工具,只能截静态图,大家知道的话,可以推荐给我,谢谢各位大神):

header

footer

终于写完了,需要慢慢消化和吸收,这只是一种实现HeaderView和FooterView的方式,我们从这里看到,HeaderView和FooterView是直接从Activity中传递过Adapter的,我们也可以像ListView一样,我们只传递HeaderView和FooterView的数据过Adapter中,然后在Adapter的内部再新建不同的HeaderHolder和FooterHolder, 根据返回Item的类型,加载不同的Holder即可,具体的实现我就不多说了,大家可以去实现一下。通过截图,你会发现,RecyclerView中,每个Item之间竟然没有分割线,而且RecyclerView中也没有setDivider()这样的方法去设置分割线,因为RecyclerView灵活啊,所以也是要自定义的,其实很简单,下一篇文章我会带来如何为RecyclerView添加分割线,这篇就到此结束了,有不足之处,望大家多多指教,谢谢了。
RecyclerView中添加分隔线已经实现,RecyclerView系列之(2):为RecyclerView添加分隔线,谢谢支持。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 学习SLAM的女生,很酷
    本文介绍了学习SLAM的女生的故事,她们选择SLAM作为研究方向,面临各种学习挑战,但坚持不懈,最终获得成功。文章鼓励未来想走科研道路的女生勇敢追求自己的梦想,同时提到了一位正在英国攻读硕士学位的女生与SLAM结缘的经历。 ... [详细]
  • 本文介绍了在rhel5.5操作系统下搭建网关+LAMP+postfix+dhcp的步骤和配置方法。通过配置dhcp自动分配ip、实现外网访问公司网站、内网收发邮件、内网上网以及SNAT转换等功能。详细介绍了安装dhcp和配置相关文件的步骤,并提供了相关的命令和配置示例。 ... [详细]
  • 近年来,大数据成为互联网世界的新宠儿,被列入阿里巴巴、谷歌等公司的战略规划中,也在政府报告中频繁提及。据《大数据人才报告》显示,目前全国大数据人才仅46万,未来3-5年将出现高达150万的人才缺口。根据领英报告,数据剖析人才供应指数最低,且跳槽速度最快。中国商业结合会数据剖析专业委员会统计显示,未来中国基础性数据剖析人才缺口将高达1400万。目前BAT企业中,60%以上的招聘职位都是针对大数据人才的。 ... [详细]
  • imx6ull开发板驱动MT7601U无线网卡的方法和步骤详解
    本文详细介绍了在imx6ull开发板上驱动MT7601U无线网卡的方法和步骤。首先介绍了开发环境和硬件平台,然后说明了MT7601U驱动已经集成在linux内核的linux-4.x.x/drivers/net/wireless/mediatek/mt7601u文件中。接着介绍了移植mt7601u驱动的过程,包括编译内核和配置设备驱动。最后,列举了关键词和相关信息供读者参考。 ... [详细]
  • Linux环境变量函数getenv、putenv、setenv和unsetenv详解
    本文详细解释了Linux中的环境变量函数getenv、putenv、setenv和unsetenv的用法和功能。通过使用这些函数,可以获取、设置和删除环境变量的值。同时给出了相应的函数原型、参数说明和返回值。通过示例代码演示了如何使用getenv函数获取环境变量的值,并打印出来。 ... [详细]
author-avatar
手机用户2502854207
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有