RecyclerView使用介绍

时间  2019-11-29
标签 recyclerview 使用 介绍 繁體版
原文   原文链接

来源 http://jinyudong.com/2014/11/13/Introduce-RecyclerView-%E4%B8%80/html

编辑推荐：稀土掘金，这是一个针对技术开发者的一个应用，你能够在掘金上获取最新最优质的技术干货，不只仅是Android知识、前端、后端以致于产品和设计都有涉猎，想成为全栈工程师的朋友不要错过！前端

这篇文章是根据官网的一篇文章（这里）写的，不过做者增长了一些本身的理解，我十分推崇这种方式，而不是死板的翻译官网的文档，国内技术文章翻译的最差的地方在于：翻译出来的句子还保留着英语的语序。android

RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK，它的灵活性与可替代性比listview更好。接下来经过一系列的文章讲解如何使用RecyclerView,完全抛弃ListView.后端

介绍

RecyclerView与ListView原理是相似的：都是仅仅维护少许的View而且能够展现大量的数据集。RecyclerView用如下两种方式简化了数据的展现和处理:ide

  • 使用LayoutManager来肯定每个item的排列方式。布局

  • 为增长和删除项目提供默认的动画效果。性能

你也能够定义你本身的LayoutManager和添加删除动画，RecyclerView项目结构以下：gradle

  • Adapter：使用RecyclerView以前，你须要一个继承自RecyclerView.Adapter的适配器，做用是将数据与每个item的界面进行绑定。动画

  • LayoutManager：用来肯定每个item如何进行排列摆放，什么时候展现和隐藏。回收或重用一个View的时候，LayoutManager会向适配器请求新的数据来替换旧的数据，这种机制避免了建立过多的View和频繁的调用findViewById方法（与ListView原理相似）。ui

目前SDK中提供了三种自带的LayoutManager:

  • LinearLayoutManager

  • GridLayoutManager

  • StaggeredGridLayoutManager

第一节、简单的RecyclerView使用方法

本节所示示例是一个最简单的使用方法，在接下来几节中将会介绍更多RecyclerView的别的一些屌爆的用法。做者用的环境是Android Studio 0.8.6。

一、添加依赖

在AS的build.gradle中添加依赖，而后同步一下就能够引入依赖包：

  1. dependencies {
  2. ...
  3. compile 'com.android.support:recyclerview-v7:21.0.+'
  4. }

二、编写代码

添加完依赖以后，就开始写代码了，与ListView用法相似，也是先在xml布局文件中建立一个RecyclerView的布局：

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context=".MainActivity">
  6.     <android.support.v7.widget.RecyclerView
  7.         android:id="@+id/my_recycler_view"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:scrollbars="vertical"/>
  11. </RelativeLayout>

建立完布局以后在MainActivity中获取这个RecyclerView，并声明LayoutManager与Adapter，代码以下：

  1. mRecyclerView = (RecyclerView)findViewById(R.id.my_recycler_view);
  2. //建立默认的线性LayoutManager
  3. mLayoutManager = new LinearLayoutManager(this);
  4. mRecyclerView.setLayoutManager(mLayoutManager);
  5. //若是能够肯定每一个item的高度是固定的，设置这个选项能够提升性能
  6. mRecyclerView.setHasFixedSize(true);
  7. //建立并设置Adapter
  8. mAdapter = newMyAdapter(getDummyDatas());
  9. mRecyclerView.setAdapter(mAdapter);

接下来的问题就是Adapter的建立：

  1. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
  2.     public String[] datas = null;
  3.     public MyAdapter(String[] datas) {
  4.         this.datas = datas;
  5.     }
  6.     //建立新View，被LayoutManager所调用
  7.     @Override
  8.     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
  9.         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item,viewGroup,false);
  10.         ViewHolder vh = new ViewHolder(view);
  11.         return vh;
  12.     }
  13.     //将数据与界面进行绑定的操做
  14.     @Override
  15.     public void onBindViewHolder(ViewHolder viewHolder, int position) {
  16.         viewHolder.mTextView.setText(datas[position]);
  17.     }
  18.     //获取数据的数量
  19.     @Override
  20.     public int getItemCount() {
  21.         return datas.length;
  22.     }
  23.     //自定义的ViewHolder，持有每一个Item的的全部界面元素
  24.     public static class ViewHolder extends RecyclerView.ViewHolder {
  25.         public TextView mTextView;
  26.         public ViewHolder(View view){
  27.         super(view);
  28.             mTextView = (TextView) view.findViewById(R.id.text);
  29.         }
  30.     }
  31. }

三、运行

写完这些代码这个例子既能够跑起来了。从例子也能够看出来，RecyclerView的用法并不比ListView复杂，反而更灵活好用，它将数据、排列方式、数据的展现方式都分割开来，所以可定制型，自定义的形式也很是多，很是灵活。

横向布局

若是想要一个横向的List只要设置LinearLayoutManager以下就行，注意要声明mLayoutManager的类型是LinearLayoutManager而不是父类LayoutManager：

  1. mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

Grid布局

若是想要一个Grid布局的列表，只要声明LayoutManager为GridLayoutManager便可：

  1. mLayoutManager = new GridLayoutManager(context,columNum);
  2. mRecyclerView.setLayoutManager(mLayoutManager);

注意，在Grid布局中也能够设置列表的Orientation属性，来实现横向和纵向的Grid布局。

瀑布流布局

瀑布流就使用StaggeredGridLayoutManager吧，具体方法与上面相似，就不作介绍啦。

总结

本节介绍的是一个最最简单的RecyclerView的使用方法，后面将介绍一些更高级的用法。

 

 

 

第二节、RecyclerView的高级方法

 

当使用了一段时间的RecyclerView，发现为其每一项添加点击事件并无ListView那么轻松，像ListView直接加个OnItemClickListener就好了。实际上咱们不要把RecyclerView当作ListView的一个升级版，但愿你们把他看作一个容器，同时里面包含了不少不一样的Item，它们能够以不一样方式排列组合，很是灵活，点击方式你能够按照你本身的意愿进行实现。

本节主要讲解如何为RecyclerView添加点击事件, 并简单介绍如何进行Item增长删除。

添加点击事件

上一节中咱们讲了如何使用RecyclerView的Adpater，其实咱们会发现，Adapter是添加点击事件一个很好的地方，里面是构造布局等View的主要场所，也是数据和布局进行绑定的地方。首先咱们在Adapter中建立一个实现点击接口，其中view是点击的Item，data是咱们的数据，由于咱们想知道我点击的区域部分的数据是什么，以便我下一步进行操做：

  1. public static interface OnRecyclerViewItemClickListener {
  2.     void onItemClick(View view , DataModel data);
  3. }

定义完接口，添加接口和设置Adapter接口的方法：

  1. private OnRecyclerViewItemClickListener mOnItemClickListener = null;
  2.     public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
  3.     this.mOnItemClickListener = listener;
  4. }

那么这个接口用在什么地方呢？以下代码所示，咱们为Adapter实现OnClickListener方法：

  1. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener{
  2.     @Override
  3.     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, final int i) {
  4.         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
  5.         ViewHolder vh = new ViewHolder(view);
  6.         //将建立的View注册点击事件
  7.         view.setOnClickListener(this);
  8.         return vh;
  9.     }
  10.     @Override
  11.     public void onBindViewHolder(ViewHolder viewHolder, final int i) {
  12.         viewHolder.mTextView.setText(datas.get(i).title);
  13.         //将数据保存在itemView的Tag中，以便点击时进行获取
  14.         viewHolder.itemView.setTag(datas.get(i));
  15.     }
  16.     ...
  17.     @Override
  18.     public void onClick(View v) {
  19.         if (mOnItemClickListener != null) {
  20.             //注意这里使用getTag方法获取数据
  21.             mOnItemClickListener.onItemClick(v,(DataModel)v.getTag());
  22.         }
  23.     }
  24.     ...
  25. }

作完这些事情，咱们就能够在Activity或其余地方为RecyclerView添加项目点击事件了，如在MainActivity中：

  1. mAdapter = new MyAdapter(getDummyDatas());
  2. mRecyclerView.setAdapter(mAdapter);
  3. mAdapter.setOnItemClickListener(new MyAdapter.OnRecyclerViewItemClickListener() {
  4.     @Override
  5.     public void onItemClick(View view, DataModel data) {
  6.         //DO your fucking bussiness here!
  7.     }
  8. });

完成了以上代码就能够为RecyclerView添加项目点击事件了，下面咱们来看看RecyclerView如何添加和删除数据并在界面上显示。

添加删除数据

之前在ListView当中，咱们只要修改后数据用Adapter的notifyDatasetChange一下就能够更新界面。然而在RecyclerView中还有一些更高级的用法：

添加数据：

  1. public void addItem(DataModel content, int position) {
  2.     datas.add(position, content);
  3.     notifyItemInserted(position); //Attention!
  4. }

删除数据：

  1. public void removeItem(DataModel model) {
  2.     int position = datas.indexOf(model);
  3.     datas.remove(position);
  4.     notifyItemRemoved(position);//Attention!
  5. }

值得注意的是RecyclerView的添加删除都是有默认的动画效果的，若是没有效果能够添加以下代码：

  1. mRecyclerView.setItemAnimator(newDefaultItemAnimator());

固然啦你也能够本身定义你本身的Animator，等我研究明白了也来说一讲如何自定义这些效果~

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程