Android开发--RecyclerView使用，看AndroidL新特性

在去年Google I/0大会，Google开放了一个全新的视图类RecyclerView，它被用来代替ListView以及GridView，提供更为高效的回收复用机制，同时实现管理与视图的解耦合，今天对这个新的控件来进行一次总结。

概述

首先，让我们来看一下RecyclerView类之下都有哪些重要的类，以及他们的作用：

• RecyclerView.Adapter：托管数据集合，为每个Item创建视图；
• RecyclerView.ViewHolder：承载Item视图的子视图；
• RecyclerView.LayoutManager：负责Item视图的布局；
• RecyclerView.ItemDecoration：为每个Item视图添加子视图，在Demo中被用来绘制Divider；
• RecyclerView.ItemAnimator：负责添加、删除数据时的动画效果；

基本用法

首先让我来看一下RecyclerView的基本用法：

1.创建一个线性布局管理器LayoutManager

// 创建一个线性布局管理器
mLayoutManager = new LinearLayoutManager(this);
// 默认是Vertical，可以不写
mLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(mLayoutManager);

2.重新一个adapter继承RecyclerView.Adapter《VH》，VH就表示我们平时在ListView中用的ViewHolder类（该类必须继承RecyclerView.ViewHolder）；

在adapter中有几个重要的方法需要我们自己补充：

• public int getItemCount()：返回显示Item总数；
• public void onBindViewHolder(ViewHolder vh, int position):绑定View到Item上vh就是我们在继承RecyclerView.Adapter传入的VH类型，在这个方法中处理数据显示到Item上；
• public ViewHolder onCreateViewHolder(ViewGroup view, int position)：在该方法中我们创建一个ViewHolder并返回，ViewHolder必须有一个带有View的构造函数，这个View就是我们Item的根布局，在这里我们可以自定义Item的布局；

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

    private List dataList;

    public MyAdapter(List list) {
        this.dataList = list;
    }

    @Override
    public int getItemCount() {
        // TODO Auto-generated method stub
        return dataList.size();
    }

    @Override
    public void onBindViewHolder(ViewHolder viewHolder, int position) {
        // TODO Auto-generated method stub
        viewHolder.textView.setText(dataList.get(position));
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        // TODO Auto-generated method stub
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(
                R.layout.item, null);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    public class ViewHolder extends RecyclerView.ViewHolder {

        public TextView textView;

        public ViewHolder(View view) {
            super(view);
            // TODO Auto-generated constructor stub
            textView = (TextView) view.findViewById(R.id.item_text);
        }

    }

}

3.设置数据集

List<String> list = new ArrayList<String>();
for (int i = 0; i < 100; i++) {
    list.add("item  "+ i);
}
MyAdapter adapter = new MyAdapter(list);
mRecyclerView.setAdapter(adapter);

改变LinearLayoutManager的方向可以设置为横向的ListView显示，这也是RecyclerView的强大之处，可以实现回收管理和视图的解耦。

mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

如何为Item添加分割线

简单的使用之后我们看到的RecyclerView连基本的分割线都没有，接下来就来看看如何为它添加分割线吧：使用addItemDecoration方法可以为RecyclerView添加一个ItemDecoration，利用ItemDecoration为我们绘制分割线。

ItemDecoration下有三个方法，ItemDecoration并没有对其实现，需要我们自己完成：

• onDraw方法：其绘制将会在每个Item被绘制之前进行；
• onDrawOver：在绘制完Item后进行绘制；
• getItemOffsets 可以通过outRect.set()为每个Item设置一定的偏移量；

让我们来看看代码：

public class ItemDivider extends ItemDecoration {

    private Drawable mDrawable;

    public ItemDivider(Context context, int resId) {
        //在这里我们传入作为Divider的Drawable对象
        mDrawable = context.getResources().getDrawable(resId);
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            //以下计算主要用来确定绘制的位置
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDrawable.getIntrinsicHeight();
            mDrawable.setBounds(left, top, right, bottom);
            mDrawable.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int position, RecyclerView parent) {
        outRect.set(0, 0, 0, mDrawable.getIntrinsicWidth());
    }
}

在这里我写了一个shape来代替分割线：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="#000" />

    <size android:height="2dp" />

shape>

添加分割线的效果：

如何添加点击事件

在Adapter中设置自己OnItemClickListener以及OnItemLongClickListener
在ViewHolder中公开Item的根布局View，之后在onBindViewHolder方法获得根布局View并设置点击的listener，调用自己设置的listener

1.首先在MyAdapter中创建自己的接口：

public interface OnItemClickListener {
    public void onClick(View parent, int position);
}

public interface OnItemLongClickListener {
    public boolean onLongClick(View parent, int position);
}

2.接着在ViewHolder中将根布局View公开：

public class ViewHolder extends RecyclerView.ViewHolder {

        public TextView textView;
        public View itemView;

        public ViewHolder(View view) {
            super(view);
            // TODO Auto-generated constructor stub
            itemView = view;
            textView = (TextView) view.findViewById(R.id.item_text);
        }

    }

3.最后在onBindViewHolder对itemView设置点击事件：

viewHolder.itemView.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                if (onItemClickListener != null) {
                    onItemClickListener.onClick(v, position);
                }
            }
        });
viewHolder.itemView.setOnLongClickListener(new OnLongClickListener() {

            @Override
            public boolean onLongClick(View v) {
                // TODO Auto-generated method stub
                if (onItemLongClickListener != null) {
                    return onItemLongClickListener.onLongClick(v, position);
                }
                return false;
            }
        });

如何判断是否滑动到达尾部或顶部

LinearLayoutManager提供了如下几个方法来帮助开发者获取屏幕上的顶部item和底部item：
findFirstVisibleItemPosition()
findFirstCompletelyVisibleItemPosition()
findLastVisibleItemPosition()
findLastCompletelyVisibleItemPosition()

这样我们就得到了思路：对RecyclerView设置滑动监听事件，在其中进行判断：

mRecyclerView.setOnScrollListener(new OnScrollListener() {
    boolean isShowTop = false;
    boolean isShowBottom = false;

    @Override
    public void onScrolled(int arg0, int arg1) {
        // TODO Auto-generated method stub
        if (mLayoutManager.findLastCompletelyVisibleItemPosition() == 99) {
            if (!isShowTop) {
                Toast.makeText(MainActivity.this, "滑动到底部",
                        Toast.LENGTH_SHORT).show();
            }
            isShowTop = true;

        } else {
            isShowTop = false;
        }
        if (mLayoutManager.findFirstCompletelyVisibleItemPosition() == 0) {
            if (!isShowBottom) {
                Toast.makeText(MainActivity.this, "滑动到顶部",
                        Toast.LENGTH_SHORT).show();

            }
            isShowBottom = true;
        } else {
            isShowBottom = false;
        }
    }

    @Override
    public void onScrollStateChanged(int arg0) {
        // TODO Auto-generated method stub

    }
});

来看一下效果：

添加或移除数据

RecyclerView.Adapter中提供了两个方法来做出添加数据或删除数据的调整：
public final void notifyItemInserted(int position)
public final void notifyItemRemoved(int position)

这样我们只需在自己的Adapter中提供添加或删除的方法，并在方法之中调用上述方法即可：

    public void insert(String data, int position){
        dataList.add(position, data);
        notifyItemInserted(position);
    }

    public void remove(int position){
        dataList.remove(position);
        notifyItemRemoved(position);
    }

接下来我在Activity中对RecyclerView设置点击添加数据，长按删除数据；

        adapter.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onClick(View parent, int position) {
                // TODO Auto-generated method stub
                adapter.insert("Insert", position);
            }
        });
        adapter.setOnItemLongClickListener(new OnItemLongClickListener() {

            @Override
            public boolean onLongClick(View parent, int position) {
                // TODO Auto-generated method stub
                adapter.remove(position);
                return true;
            }
        });

来看一下效果吧：

ItemAnimator可以设置加载和移除时的动画，我们可以通过setItemAnimator方法设置，但目前只提供了DefaultItemAnimator。

源码下载

点击下载源码