RecyclerView使用详解（代替ListView）

2019-10-22 18:21:21

字体：大中小

来源：转载

供稿：网友

老规矩，先看效果；

RecyclerView,ListView

Recycler是android5.0版本中新添加的一个view;
使用之前必须添加依赖库：

dependencies {  compile 'com.android.support:recyclerview-v7:23.0.+' }

这里我就不再过多的介绍RecyclerView，既然大家在找使用RecyclerView的demo想必大家都了解过了，如果不了解网上随便打开一篇RecyclerView的文章应该都有，已经烂大街，在此就不过多的重复了；

今天写的demo主要是利用RecyclerView代替普通的listview和横向的listview；
个人感觉要想更深入的使用RecyclerView，必须要从最基础的功能开始实现；今天我们就实现最简单的五点功能：
功能点：为RecyclerView添加点击事件，添加头布局和脚布局，添加下拉刷新和上拉加载更多；

好了首先说下如何用RecyclerView代替横向的listview:
RecyclerView的使用个人感觉其实比较简单，但是网上很多demo介绍的感觉有点复杂，在本文中RecyclerView的基本使用只需两步：

第一：设置布局管理器

第二：设置adapter

//添加布局管理器，Orientation默认是纵向的，所以我们在此需要手动指定一下 LinearLayoutManager layoutManager = new LinearLayoutManager(context); layoutManager.setOrientation(OrientationHelper.HORIZONTAL); recyclerView.setLayoutManager(layoutManager);  //设置recyclerView标记，如果确定内容的高度都一致，设置为true，提高内容渲染效率；（如果高度不确定系统要自己适配高度） recyclerView.setHasFixedSize(true);  //设置adapter HRecyclerViewAdapter adapter = new HRecyclerViewAdapter(context, images); recyclerView.setAdapter(adapter);

RecyclerVIew提供了三种内置的布局管理器：
LinearLayoutManager：线性布局，横向或者纵向滑动列表
GridLayoutManager：表格布局
StaggeredGridLayoutManager：流式布局
我们今天只使用第一种，先了解最实用，最基础的，后期会更新

RecyclerView默认是没有分割线的，网上很多demo为了给RecyclerView添加分割线使用了系统提供的类；
个人感觉完全没必要，甚至感觉多次一举，个人感觉完全可以给RecyclerView和item设置背景实现分割线或者在item布局中添加view布局实现；

首先了解下RecyclerView的adapter:

和listview的adapter有所不同，在这里需要继承RecyclerView.Adapter,需要实现三个方法：
onCreateViewHolder()
onBindViewHolder()
getItemCount()

详情看代码：

public class HRecyclerViewAdapter extends RecyclerView.Adapter<HRecyclerViewAdapter.MyViewHolder>{   private Context context;  private int[] images;  private OnItemClickListener onItemClickListener;   public HRecyclerViewAdapter(Context context, int[] images) {  this.context=context;  this.images=images;  }   //重写onCreateViewHolder方法，返回一个自定义的ViewHolder(当RecyclerView需要一个ViewHolder时会回调该方法，如果有可复用的View不会回调)  public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  View view = LayoutInflater.from(context).inflate(R.layout.item_hrecycler, parent, false);  MyViewHolder myViewHolder = new MyViewHolder(view);  return myViewHolder;  }    //填充onCreateViewHolder方法返回的holder中的控件(当一个View需要出现在屏幕上时，该方法会被回调，我们需要再该方法中根据数据来更改视图)  public void onBindViewHolder(final MyViewHolder holder, int position) {  holder.iv.setBackgroundResource(images[position]);  if(onItemClickListener!=null){  holder.itemView.setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {   int index = holder.getLayoutPosition();   //自定义监听第三步   onItemClickListener.onItemClick(index);  }  });  }  }   //获取数据的数量(告诉RecyclerView有多少个视图需要显示)  public int getItemCount() {  return images.length;  }   //自定义的ViewHolder，持有每个Item的的所有界面元素  public class MyViewHolder extends RecyclerView.ViewHolder{   public ImageView iv;   public MyViewHolder(View itemView) {  super(itemView);  iv= (ImageView) itemView.findViewById(R.id.imageview);  }  }   //自定义监听第二步  public void setOnItemClickListener(OnItemClickListener onItemClickListener){  this.onItemClickListener=onItemClickListener;  }   //自定义监听第一步  public interface OnItemClickListener{  void onItemClick(int position);  }  }

从代码中大家可以了解到RecyclerView的adpater其实只需要实现三个方法，但是我这个adapter中却多出来几个方法，RecyclerView本身是没有条目点击事件的，所以多出来的几个方法是变相的给RecyclerView设置设置条目点击事件的，实际上是使用自定义监听给adapter设置了点击事件；
自定义监听就不再过多介绍了，以前写的博客中有专门介绍自定义监听的，不了解的朋友可以了解一下SwipeRefreshLayout实现ListView下拉刷新上拉加载

给RecyclerView设置adapter之后就可以使用了：

adapter.setOnItemClickListener(new HRecyclerViewAdapter.OnItemClickListener() {  @Override  public void onItemClick(int position) {  ToastUtils.showStaticToast(context,"当前点击的是第"+(position+1)+"张图片");  }  });

好了接下来了解下RecyclerView代替纵向listview：
分割线和上面一样，在item中添加view实现分割线，点击事件同样是添加自定义监听；
RecyclerView默认是没办法添加头布局和脚布局的，上面横向的没有使用这一块，但是纵向的在真实项目中就极有可能使用到这个功能点了，在网上看了好多大神们写的添加头布局和脚布局的方法，感觉真的是大神，写的真的很复杂，所以都没有使用，最后在git上找到一个自定义的RecyclerView直接继承系统的RecyclerView,除了添加了两个方法，其他的用法不变，感觉挺实用的，在此就不复制这个类了，源码中都有（MyRecyclerView），使用的话直接复制到项目中即可；
添加头布局和脚布局的方法也极为简单，和listview一样：

//添加头布局（必须在设置完布局管理器再添加头布局和脚布局）  View headerView = View.inflate(this, R.layout.headerview, null);  myRecyclerView.addHeaderView(headerView);  //添加脚布局  View footView = View.inflate(context, R.layout.footview, null);  myRecyclerView.addFooterView(footView);

下拉刷新直接使用的是系统自带的SwipeRefreshLayout，这个在以前的博客中也有介绍，在此就不再重复了，不了解的朋友可以了解一下
Android自定义ScrollView使用自定义监听

好了，剩下最后一个功能点，上拉加载更多：
直接给RecyclerView添加活动监听和添加脚布局实现，首先得到当前页面显示的条目个数，adapter一共多少个条目，和当前布局遮挡页面个数
先求出用页面实现个数+被页面遮挡条目个数的和，然后拿这个和和adapter总条目个数做比较，当等于或者大于adapter条目个数的时候直接加载数据：

//添加滑动监听  myRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {  @Override  //当RecyclerView的滑动状态改变时触发  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {  super.onScrollStateChanged(recyclerView, newState);  }   @Override  //当RecyclerView滑动时触发(类似点击事件的MotionEvent.ACTION_MOVE)  public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  super.onScrolled(recyclerView, dx, dy);   int visible = layoutManager.getChildCount();//当天页面显示的条目个数  int total = layoutManager.getItemCount();//当前一共多少个条目  int past= layoutManager.findFirstCompletelyVisibleItemPosition();//布局上面被当住多少个条目   //当活动到最后一个条目时加载更多数据  if ((visible + past) >= total){   <span style="white-space:pre"> </span>//发送handler加载数据   handler.sendEmptyMessageDelayed(1,1000);    }   }  });

好了，以上功能点已经全部实现，如果大家有更简单的方法实现以上功能点，欢迎告知，感谢；

点击打开链接免费下载源码

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

注：相关教程知识阅读请移步到Android开发频道。

上一篇：android商品详情页面设计详解

下一篇：Android开发实现拨打电话与发送信息的方法分析