热门标签 | 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添加分隔线,谢谢支持。

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


推荐阅读
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文详细介绍如何使用arm-eabi-gdb调试Android平台上的C/C++程序。通过具体步骤和实用技巧,帮助开发者更高效地进行调试工作。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 优化联通光猫DNS服务器设置
    本文详细介绍了如何为联通光猫配置DNS服务器地址,以提高网络解析效率和访问体验。通过智能线路解析功能,域名解析可以根据访问者的IP来源和类型进行差异化处理,从而实现更优的网络性能。 ... [详细]
  • CentOS 7 磁盘与文件系统管理指南
    本文详细介绍了磁盘的基本结构、接口类型、分区管理以及文件系统格式化等内容,并提供了实际操作步骤,帮助读者更好地理解和掌握 CentOS 7 中的磁盘与文件系统管理。 ... [详细]
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
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社区 版权所有