Android零基础入门第64节：揭开RecyclerView庐山真面目

   大家还记得之前在第38期~第50期都在学习列表控件吗，其中用了8期讲ListView的使用，相信都已经掌握好了吧。那么本期一起来学习Android 5.X新增的一个列表组件，那就是RecyclerView的使用。

一、RecyclerView概述

    从前面的学习我们知道，ListView的功能非常强大，几乎绝大部分应用程序都会使用到，虽然也学会一些方法技巧来提升ListView的效率，但其性能还是不是很完美。

    另外ListView的可扩展性相对来说比较弱，以前要实现每个列表项的高度不同的界面，或者要完成瀑布流效果，需要非常复杂的自定义处理。

    谷歌在Android L中新增了RecyclerView，是一种新的视图组，目标是为任何基于适配器的视图提供相似的渲染方式。它被作为ListView和GridView控件的继承者，在最新的support-V7版本中提供支持。

    RecyclerView可以看作是ListView的进化版本，当然RecyclerView并不是继承ListView的，RecyclerView直接继承于ViewGroup父类。RecyclerView与ListView原理是类似的：都是仅仅维护少量的View并且可以展示大量的数据集。

    在开发RecyclerView时充分考虑了扩展性，因此用它可以创建想到的任何种类的的布局。但在使用上也稍微有些不便，比如使用步骤更加复杂，特别是一些控制点击、长压事件需要自己完成。使用RecyclerView开发的项目结构大致如下图所示：

    从上图可以看到，要使用RecyclerView，需要先了解清楚LayoutManager和Adapter元素，分别如下：

•     LayoutManager：用来确定每一个item如何进行排列摆放，何时展示和隐藏。回收或重用一个View的时候，LayoutManager会向适配器请求新的数据来替换旧的数据，这种机制避免了创建过多的View和频繁的调用findViewById方法。目前RecyclerView库提供了如下三种子Manager：

• LinearLayoutManager：展示了水平或者垂直的滚动列表，相当于之前学习的ListView，但是没有页眉和页尾。

• GridLayoutManager：在网格中展示条目，相当于之前学习的GridView。

• StaggeredGridLayoutManager： 在错落的网格中展示条目，比如常见的瀑布流。

•     Adapter：这是一种新型适配器，不同于之前使用的BaseAdapter了。在使用RecyclerView之前，需要自定义一个继承自RecyclerView.Adapter的适配器，将数据与每一个item的界面进行绑定。需要注意的是编写Adapter面向的是ViewHolder而不在是View了，复用的逻辑被封装了起来，实现更加简单。使用时需要重写以下两个主要方法：

• onCreateViewHolder：用来展现视图和它的持有者。

• onBindViewHolder：主要用来把数据绑定到视图上。

    除了上面两个主要元素，通常还会使用到如下三个类：

• ViewHolder：维持了所有被数据填充的实体的视图的引用。

• ItemDecoration：一个实体的周围的装饰。

• ItemAnimator：条目增加删除时重新排序所产生动画。

二、RecyclerView示例

    上面说了这么多，估计还是很迷糊，那么接下来通过一个简单的示例来进一步学习。

    继续使用WidgetSample工程的advancedviewsample模块，首先需要添加支持库，这里通过图形化的操作来实现，后期再学习直接代码添加。

    依次选择菜单栏File -> Projectrt Structure...，如下图所示：

    然后会打开Projectrt Structure设置页面，确认左侧Modules选中advancedviewsample模块，然后上侧菜单选中Dependencies，再点击右上角的+号，选择第一个library denpendency，如下图所示：

    在弹出的窗口中输入recyclerview，然后点击右侧的搜索按钮，即可检索到最新的recyclerview依赖库，最后点击OK按钮即可添加。

    可以看到在Dependencies页面的列表里面已经成功添加了recyclerview依赖库，点击OK按钮最终确认。

    在main/res/layout/目录下创建recyclerview_layout.xml文件，在其中填充如下代码片段：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

    继续新建一个recyclerview_item.xml的列表项布局文件，其代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="6dp" >

    <ImageView
        android:id="@+id/icon_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginRight="6dp"
        android:contentDescription="null"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/title_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/icon_img"
        android:layout_alignParentTop="true"
        android:layout_marginTop="5dp"
        android:gravity="center_vertical"
        android:text="Title"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/content_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/icon_img"
        android:layout_alignParentRight="true"
        android:layout_below="@id/title_tv"
        android:layout_marginTop="5dp"
        android:text="content"
        android:textSize="12sp" />

</RelativeLayout>

    接下来就是创建适配器Adapter，新建RecyclerViewAdapter类，继承RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder>类，完成内部类 ViewHolder ，并重写以下3个主要方法，具体代码如下：

package com.jinyu.cqkxzsxy.android.advancedviewsample.adapter;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.jinyu.cqkxzsxy.android.advancedviewsample.R;

import java.util.ArrayList;

/**
 * @创建者 鑫鱻
 * @描述 Android零基础入门到精通系列教程
 * 首发微信公众号分享达人秀（ShareExpert）
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
    private ArrayList<String> mDatas = null;
    private LayoutInflater mInflater = null;

    public RecyclerViewAdapter(Context context, ArrayList<String> datas) {
        this.mDatas = datas;
        this.mInflater = LayoutInflater.from(context);
    }

    // 创建新View，被LayoutManager所调用
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
        ViewHolder vewHolder = new ViewHolder(view);
        return vewHolder;
    }

    // 将数据与界面进行绑定的操作
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String name = mDatas.get(position);
        holder.titleTv.setText("Title " + name);
        holder.contenTv.setText("content " + name);
    }

    // 获取数据的数量
    @Override
    public int getItemCount() {
        return mDatas == null ? 0 : mDatas.size();
    }

    // 自定义的ViewHolder，持有每个Item的的所有界面组件
    public class ViewHolder extends RecyclerView.ViewHolder {
        public TextView titleTv = null;
        public TextView contenTv = null;

        public ViewHolder(View itemView) {
            super(itemView);

            titleTv = (TextView) itemView.findViewById(R.id.title_tv);
            contenTv = (TextView) itemView.findViewById(R.id.content_tv);
        }
    }
}

    然后使用RecyclerView实现ListView效果，使用自定义的RecyclerViewAdapter决定RecyclerView所要显示的内容，并设置显示的界面样式。新建RecyclerViewActivity.java文件，加载上面新建的布局文件，具体代码如下：

package com.jinyu.cqkxzsxy.android.advancedviewsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.jinyu.cqkxzsxy.android.advancedviewsample.adapter.RecyclerViewAdapter;import java.util.ArrayList;

/**
 * @创建者 鑫鱻
 * @描述 Android零基础入门到精通系列教程，欢迎关注微信公众号ShareExpert
 */
public class RecyclerViewActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView = null;
    private RecyclerViewAdapter mAdapter = null;
    private ArrayList<String> mDatas = null;
    
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.recyclerview_layout);

        // 获取组件
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);

        // 设置管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以确定每个item的高度是固定的，设置这个选项可以提高性能
        mRecyclerView.setHasFixedSize(true);

        // 初始化列表数据
        initDatas();

        // 设置适配器
        mAdapter = new RecyclerViewAdapter(this, mDatas);
        mRecyclerView.setAdapter(mAdapter);
    }

    private void initDatas() {
        mDatas = new ArrayList<>();

        for (int i = 0; i < 50; i++) {
            mDatas.add(i, i + 1 + "");
        }
    }
}

    修改启动的Activity，运行程序可以看到下图所示列表界面效果，和之前学的ListView基本没啥太大差异。

    从上面例子可以看出来，RecyclerView的用法并不比ListView复杂，反而更灵活好用，它将数据、排列方式、数据的展示方式都分割开来，因此可定制型，自定义的形式也非常多，非常灵活。

三、RecyclerView扩展

    接下来继续使用上面的例子实现水平列表、网格和瀑布流，你就会发现其灵活性到底有多高。

    如果想要一个横向的List，只要简单设置LinearLayoutManager就行。只需要在RecyclerViewActivity中添加一行设置方向的代码即可，局部代码如下：

        // 设置管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以确定每个item的高度是固定的，设置这个选项可以提高性能
        mRecyclerView.setHasFixedSize(true);

    其余代码不变，重新运行程序，可以看到水平列表界面效果，如下图所示。

    如果想要一个GridView布局的列表，只要将之前的LayoutManager换为GridLayoutManager即可，局部代码如下：

        // 设置管理器
        GridLayoutManager layoutManager = new GridLayoutManager(this, 3);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以确定每个item的高度是固定的，设置这个选项可以提高性能
        mRecyclerView.setHasFixedSize(true);

    其余代码不变，重新运行程序，可以看到网格界面效果，如下图所示。

    需要注意的是，在网格布局中也可以设置列表的Orientation属性，来实现横向和纵向的网格布局。

    如果想要实现一个瀑布流，同样只需要将之前的LayoutManager换为StaggeredGridLayoutManager即可，局部代码如下：

        // 设置管理器
        StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,
                StaggeredGridLayoutManager.VERTICAL);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以确定每个item的高度是固定的，设置这个选项可以提高性能
        mRecyclerView.setHasFixedSize(true);

    由于之前是等高，直接运行和网格布局效果无差异。简单修改一下自定义的RecyclerViewAdapter类中onBindViewHolder方法，使其产生一个随机的高度，代码如下：

    // 将数据与界面进行绑定的操作
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String name = mDatas.get(position);
        holder.titleTv.setText("Title " + name);
        holder.contenTv.setText("content " + name);

        int padding = Math.abs(new Random().nextInt() % 50);
        holder.titleTv.setPadding(0, padding, 0, 0);
        holder.contenTv.setPadding(0, 0, 0, padding);
    }

    其余代码不变，重新运行程序，可以看到瀑布流界面效果，如下图所示。

    是不是感觉已经挖掘到宝藏了，仅需要修改极少的代码，就可以在不同界面效果中进行切换，很好的诠释了其灵活性。

    由于篇幅原因，今天先学习到这里，下期继续学习RecyclerView的更多高级用法。

    今天就先到这里，如果有问题欢迎留言一起探讨，也欢迎加入Android零基础入门技术讨论微信群，共同成长！

   此文章版权为微信公众号分享达人秀（ShareExpert）——鑫鱻所有，若需转载请联系作者授权，特此声明！

往期总结分享：

Android零基础入门第1节：Android的前世今生

Android零基础入门第2节：Android 系统架构和应用组件那些事

Android零基础入门第3节：带你一起来聊一聊Android开发环境

Android零基础入门第4节：正确安装和配置JDK, 高富帅养成第一招

Android零基础入门第5节：善用ADT Bundle, 轻松邂逅女神

Android零基础入门第6节：配置优化SDK Manager, 正式约会女神

Android零基础入门第7节：搞定Android模拟器，开启甜蜜之旅

Android零基础入门第8节：HelloWorld，我的第一趟旅程出发点

Android零基础入门第9节：Android应用实战，不懂代码也可以开发

Android零基础入门第10节：开发IDE大升级，终于迎来了Android Studio

Android零基础入门第11节：简单几步带你飞，运行Android Studio工程

Android零基础入门第12节：熟悉Android Studio界面，开始装逼卖萌

Android零基础入门第13节：Android Studio个性化配置，打造开发利器

Android零基础入门第14节：使用高速Genymotion，跨入火箭时代

Android零基础入门第15节：掌握Android Studio项目结构，扬帆起航

Android零基础入门第16节：Android用户界面开发概述

Android零基础入门第17节：文本框TextView

Android零基础入门第18节：输入框EditText

Android零基础入门第19节：按钮Button

Android零基础入门第20节：复选框CheckBox和单选按钮RadioButton

Android零基础入门第21节：开关组件ToggleButton和Switch

Android零基础入门第22节：图像视图ImageView

Android零基础入门第23节：图像按钮ImageButton和缩放按钮ZoomButton

Android零基础入门第24节：自定义View简单使用，打造属于你的控件

Android零基础入门第25节：简单且最常用的LinearLayout线性布局

Android零基础入门第26节：两种对齐方式，layout_gravity和gravity大不同

Android零基础入门第27节：正确使用padding和margin

Android零基础入门第28节：轻松掌握RelativeLayout相对布局

Android零基础入门第29节：善用TableLayout表格布局

Android零基础入门第30节：两分钟掌握FrameLayout帧布局

Android零基础入门第31节：少用的AbsoluteLayout绝对布局

Android零基础入门第32节：新推出的GridLayout网格布局

Android零基础入门第33节：Android事件处理概述

Android零基础入门第34节：Android中基于监听的事件处理

Android零基础入门第35节：Android中基于回调的事件处理

Android零基础入门第36节：Android系统事件的处理

Android零基础入门第37节：初识ListView

Android零基础入门第38节：初识Adapter

Android零基础入门第39节：ListActivity和自定义列表项

Android零基础入门第40节：自定义ArrayAdapter

Android零基础入门第41节：使用SimpleAdapter

Android零基础入门第42节：自定义BaseAdapter

Android零基础入门第43节：ListView优化和列表首尾使用

Android零基础入门第44节：ListView数据动态更新

Android零基础入门第45节：网格视图GridView

Android零基础入门第46节：列表选项框Spinner

Android零基础入门第47节：自动完成文本框AutoCompleteTextView

Android零基础入门第48节：可折叠列表ExpandableListView

Android零基础入门第49节：AdapterViewFlipper图片轮播

Android零基础入门第50节：StackView卡片堆叠

Android零基础入门第51节：进度条ProgressBar

Android零基础入门第52节：自定义ProgressBar炫酷进度条

Android零基础入门第53节：拖动条SeekBar和星级评分条RatingBar

Android零基础入门第54节：视图切换组件ViewSwitcher

Android零基础入门第55节：ImageSwitcher和TextSwitcher

Android零基础入门第56节：翻转视图ViewFlipper

Android零基础入门第57节：DatePicker和TimePicker选择器

Android零基础入门第58节：数值选择器NumberPicker

Android零基础入门第59节：常用三大Clock时钟组件

Android零基础入门第60节：日历视图CalendarView和定时器Chronometer

Android零基础入门第61节：滚动视图ScrollView

Android零基础入门第62节：搜索框组件SearchView

Android零基础入门第63节：值得借鉴学习的选项卡TabHost