奇妙的 RecyclerView (1)：基本用法

1.实现 ListView 布局

RecyclerView 的基本用法和 ListView 还是挺相似的。
首先新建一个项目，引入android.support.v7.widget.RecyclerView包。

接着在布局文件里，加入 RecyclerView 控件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.shmj.mouzhai.recyclerviewdemo.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

对应的 item.xml 里，简单地设置了一个 TextView：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="70dp"
    android:layout_margin="10dp"
    android:background="#60FF27">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />
</FrameLayout>

布局文件写好了，接下来和 ListView 一样，我们需要一个适配器。新建一个继承自 RecyclerView.Adapter 的适配器类，重写其中的 ViewHolder 类，并设置为泛型：

package com.shmj.mouzhai.recyclerviewdemo.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.shmj.mouzhai.recyclerviewdemo.R;

import java.util.List;

/**
 * 自定义 RecyclerView 适配器
 * <p>
 * Created by Mouzhai on 2016/12/20.
 */

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

    private LayoutInflater mInflater;
    private List<String> mDatas;

    public MyAdapter(Context context, List<String> data) {
        this.mDatas = data;
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.item_single_textview, parent, false);
        MyViewHolder myViewHolder = new MyViewHolder(view);
        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.textView.setText(mDatas.get(position));
    }

    @Override
    public int getItemCount() {
        return mDatas.size();
    }

    class MyViewHolder extends RecyclerView.ViewHolder{

        private TextView textView;

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

            textView = (TextView) itemView.findViewById(R.id.tv_content);
        }
    }
}

接着回到 Mainactivity 里，设置数据：

package com.shmj.mouzhai.recyclerviewdemo;

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

import com.shmj.mouzhai.recyclerviewdemo.adapter.MyAdapter;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView rvContent;
    private List<String> data;
    private MyAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initDatas();
        initViews();

        adapter = new MyAdapter(this, data);
        rvContent.setAdapter(adapter);

        //设置为 ListView 的样式
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this,
                LinearLayoutManager.VERTICAL, false);
        rvContent.setLayoutManager(linearLayoutManager);
    }

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

        for (int i = 'A'; i <= 'z'; i++) {
            data.add("" + (char) i);
        }
    }


    private void initViews() {
        rvContent = (RecyclerView) findViewById(R.id.rv_content);
    }
}

大功告成。预览图如下：

需要注意的是， RecyclerView 并没有提供默认的分割线效果，分割线要由自己来画。当然网上已经有了很多这方面的资源，可以直接拿过来用。

2.GridView 的实现

RecyclerView 的强大之处在于，它提供了 LayoutManager ，可以很方便地转化为其他形式的布局。只需要一段代码就能完成变换：

rvContent.setLayoutManager(new GridLayoutManager(this, 3));

如果要切换到横向的布局，也同样是一句代码：

rvContent.setLayoutManager(new StaggeredGridLayoutManager(5,
                        StaggeredGridLayoutManager.HORIZONTAL));

不过要注意，横向时布局宽度可能出现问题，需要自己注意设置。

3.瀑布流

瀑布流的实现实际上也很简单，主要是绘制图形时，需要随机设定高度。
新建一个 Adapter，大部分代码和之前的类似，只需要在构造方法里添加如下代码：

        List<Integer> mHeights = new ArrayList<>();
        //添加随机高度
        for (int i = 0; i < data.size(); i++) {
            mHeights.add((int) (100 + Math.random() * 300));
        }

接下来新建一个 Activity，同样类似于之前的，只不过在设置 LayoutManager 时用 StaggeredGridLayoutManager ：

rvContent.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));

4.点击事件

RecyclerView 并没有提供点击事件监听器，所以需要自己在 Adapter 类里写相应的回调接口。

    /**
     * item 的点击回调接口
     */
    public interface OnItemClickListener {
        void onItemClick(View view, int position);

        void onLongItemClick(View view, int position);
    }

    private OnItemClickListener mOnItemClickListener;

    public void setOnItemClickListener(OnItemClickListener listener) {
        mOnItemClickListener = listener;
    }

接着在onBindViewHolder() 里，设置具体的方法：

//设置点击事件
        if (mOnItemClickListener != null) {
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    mOnItemClickListener.onItemClick(holder.itemView, holder.getLayoutPosition());
                }
            });

            holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View view) {
                    mOnItemClickListener.onLongItemClick(holder.itemView, holder.getLayoutPosition());
                    return false;
                }
            });
        }

这样，在 Activity 里就可以开始调用接口了：

adapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                Toast.makeText(MainActivity.this, "CLICK : " + position, Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onLongItemClick(View view, int position) {
                Toast.makeText(MainActivity.this, "LONG CLICK : " + position, Toast.LENGTH_SHORT).show();
            }
        });
    }

果然 RecyclerView 比起 ListView 来说好用了不少，而且又相当多的新特性有待学习。
这里代码有些乱，感兴趣的可以去看具体的源码：https://github.com/Zhai-Wang/Practices/tree/master/recyclerviewdemo/src/main