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

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


推荐阅读
  • Ubuntu GamePack:专为游戏爱好者打造的Linux发行版
    随着Linux系统在游戏领域的应用越来越广泛,许多Linux用户开始寻求在自己的系统上畅玩游戏的方法。UALinux,一家致力于推广GNU/Linux使用的乌克兰公司,推出了基于Ubuntu 16.04的Ubuntu GamePack,旨在为Linux用户提供一个游戏友好型的操作环境。 ... [详细]
  • 本文探讨了Web开发与游戏开发之间的主要区别,旨在帮助开发者更好地理解两种开发领域的特性和需求。文章基于作者的实际经验和网络资料整理而成。 ... [详细]
  • LCUI 2.1.0 版本现已推出,这是一个用 C 语言编写的图形用户界面开发库,适合创建轻量级的桌面应用程序。此次更新包括多项修复和功能增强,并正式宣布将启动 Android 支持的开发计划。 ... [详细]
  • 在Linux系统上构建Web服务器的详细步骤
    本文详细介绍了如何在Linux系统上搭建Web服务器的过程,包括安装Apache、PHP和MySQL等关键组件,以及遇到的一些常见问题及其解决方案。 ... [详细]
  • 本文详细介绍了如何在Android应用中使用GridView组件以网格形式展示数据(如文本和图像)。通过行列布局,实现类似矩阵的数据展示效果。 ... [详细]
  • 在使用Maven进行项目构建时,由于依赖库的下载速度慢常常让人感到沮丧,这直接影响了开发效率和学习热情。幸运的是,阿里云提供了一个快速的国内镜像服务,能够显著提升Maven项目的构建速度。 ... [详细]
  • 本文介绍了在Android项目中实现时间轴效果的方法,通过自定义ListView的Item布局和适配器逻辑,实现了动态显示和隐藏时间标签的功能。文中详细描述了布局文件、适配器代码以及时间格式化工具类的具体实现。 ... [详细]
  • 本文详细探讨了Android系统中的内部存储路径,包括如何正确地使用这些路径进行文件操作,以及不同存储路径的特点和权限要求。 ... [详细]
  • 本文详细介绍了ActivityManagerService (AMS) 的工作原理及其在Android系统中的重要角色。AMS作为system_server进程的一部分,在系统启动时加载,负责管理和协调应用程序中的Activity和服务(Service)。文章将通过具体的接口图和通信流程,帮助读者更好地理解AMS的工作机制。 ... [详细]
  • 众包(Crowdsourcing)是指将任务分发给广泛的社区成员完成,而非由组织内部人员独力承担。这一模式在软件测试领域尤为突出,通过结合网络与云计算技术,形成了强大的众包测试机制,对传统测试流程产生了深远影响。 ... [详细]
  • C语言实现推箱子游戏的完整代码
    本文详细介绍了如何使用C语言在Linux环境下实现一个简单的推箱子游戏,包括游戏的基本规则、地图设计及代码实现。适合C语言初学者学习。 ... [详细]
  • OBS (Open Broadcaster Software) 架构解析
    本文介绍 OBS(Open Broadcaster Software),一款专为直播设计的开源软件。文章将详细探讨其技术架构、核心组件及其开发环境要求。 ... [详细]
  • 安装双硬盘对电脑有何益处?
    面对日益增长的数据存储需求,仅通过更换更大容量的硬盘来解决空间问题并非唯一途径。本文探讨了在同一台计算机上安装两个硬盘的可能性及其带来的多种优势。 ... [详细]
  • WinSCP: 跨Windows与Linux系统的高效文件传输解决方案
    本文详细介绍了一款名为WinSCP的开源图形化SFTP客户端,该工具支持SSH协议,适用于Windows操作系统,能够实现与Linux系统之间的文件传输。对于从事嵌入式开发的技术人员来说,掌握WinSCP的使用方法将极大提高工作效率。 ... [详细]
  • python开发mysql:单表查询&多表查询
    一单表查询,以下是表内容二多表查询,一下是表内容三总结&表创建过程单 ... [详细]
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社区 版权所有