RecyclerView系列（一）基本使用及自定义分割线 RecyclerView系列（一）基本使用

在项目中我们会用到各种列表样式，之前我们用的是ListView或者GridView实现。但自从RecyclerView出现之后，基本上都是用RecyclerView，ListView和GridView在现在项目中基本上是弃之不用。为什么RecyclerView会如此火热呢，因为该控件整合了ListView、GridView的特点，而且最大的优点是可以很方便实现瀑布流效果，因此RecyclerView受到越来越多的开发者重视。今天先从入门使用开始
一、基本使用
1. 引入RecyclerView 由于该控件并不在Andorid SDK中的，而是在support v7包中，因此我们要手动添加该控件。
在build.gradle中添加如下依赖：

compile 'com.android.support:recyclerview-v7:24.0.0'

我们要先来认识几个它常用的内部类：
1、RecyclerView.Adapter:抽象类，为RecyclerView提供数据，一般根据不同的业务需求来编写具体的实现类。
2、RecyclerView.LayoutManager:抽象类，主要用于测量RecyclerView的子Item，以及根据不同的布局方式来实现Item的布局效果，v 7包自带的实现类有：LinearLayoutManager、StaggeredGridLayoutManager、GridLayoutManager。
3、RecyclerView.ItemDecoration:抽象类，这个主要用于不同的Item之间添加分割线（可选）。官方没有实现类，所以如果要添加分割线，我们需要手动实现这个抽象类。
4、RecyclerView.ItemAnimator:抽象类，这个主要用于当一个item添加或者删除的时候出现的动画效果，官方提供一个默认的实现类。如果想要使我们的RecyclerView在添加、删除数据的时候有炫酷的动画，可以实现这个抽象类。
2.设置recyclerView的布局管理

// LinearLayoutManager -> ListView风格 // GridLayoutManager -> GridView风格 // StaggeredGridLayoutManager -> 瀑布流风格 LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(linearLayoutManager);

3.适配器Adapter编写

class SimpleAdapter extends RecyclerView.Adapter { private List mData; private LayoutInflater mInflater; public HomeAdapter(Context context, List datas) { mInflater = LayoutInflater.from(context); mData = https://www.it610.com/article/datas; }@Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { MyViewHolder holder = new MyViewHolder(mInflater.inflate( R.layout.item, parent, false)); return holder; }@Override public void onBindViewHolder(final MyViewHolder holder, final int position) { holder.tv.setText(mData.get(position)); }@Override public int getItemCount() { return mDatas.size(); }class MyViewHolder extends RecyclerView.ViewHolder { TextView tv; public MyViewHolder(View view) { super(view); tv = (TextView) view.findViewById(R.id.id_num); } } }

4.设置

mAdapter = new SimpleAdapter (this, mDatas); mRecyclerView.setAdapter(mAdapter);

二、分割线
RecyclerView并不像ListView,它没有支持divider这样的属性，当然在创建item布局的时候可以直接写在布局中，但是这种方式不够优雅。分割线我们利用RecyclerView的addItemDecoration(ItemDecoration fromHtml) 属性；
那么ItemDecoration 是什么我们来看一下：

public class SimpleDecoration extends RecyclerView.ItemDecoration { @Override public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) { //onDraw()我们可以直接去绘制，绘制什么都可以因为有Canvas ，但一般都是绘制Drawable }@Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { //这里我一般指定偏移量就可以了，就是分割线占多少高度，或者说是画在什么位置 } }

具体实现;

public class SimpleDecoration extends RecyclerView.ItemDecoration { private Paint mPaint; public SimpleDecoration (int color) { // 直接绘制颜色只是用来测试 mPaint = new Paint(); mPaint.setColor(color); mPaint.setAntiAlias(true); }@Override public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) { int childCount = parent.getChildCount(); // 获取需要绘制的区域 Rect rect = new Rect(); rect.left = parent.getPaddingLeft(); rect.right = parent.getWidth() - parent.getPaddingRight(); for (int i = 0; i < childCount; i++) { View childView = parent.getChildAt(i); rect.top = childView.getBottom(); rect.bottom = rect.top + 20; // 直接利用Canvas去绘制一个矩形在留出来的地方 c.drawRect(rect, mPaint); } }@Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { // 在每个子View的下面留出20px来画分割线 outRect.bottom += 20; } }

接下来你就可以看一下效果，但是我们最终使用一般使用Drawable去画，所以我们必须改造上面类

public class SimpleDecoration extends RecyclerView.ItemDecoration { private Drawable mDivider; public SimpleDecoration (Drawable divider) { // 利用Drawable绘制分割线 mDivider = divider; }@Override public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) { int childCount = parent.getChildCount(); // 计算需要绘制的区域 Rect rect = new Rect(); rect.left = parent.getPaddingLeft(); rect.right = parent.getWidth() - parent.getPaddingRight(); for (int i = 0; i < childCount; i++) { View childView = parent.getChildAt(i); rect.top = childView.getBottom(); rect.bottom = rect.top + mDivider.getIntrinsicHeight(); // 直接利用Canvas去绘制 mDivider.draw(canvas); } }@Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { // 在每个子View的下面留出来画分割线 outRect.bottom += mDivider.getIntrinsicHeight(); }

【RecyclerView系列（一）基本使用及自定义分割线】}
接下来新建xml文件

三、设置监听
给条目设置点击和长按事件，RecyclerView本身没有提供监听的方法，只能靠我们自己去实现

public class SimpleAdapter extends RecyclerView.Adapter { // 省略其他的代码 ...... @Override public void onBindViewHolder(ViewHolder holder, final int position) { // 省略其他的代码 ......// 设置点击和长按事件 if (mItemClickListener != null) { holder.itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mItemClickListener.onItemClick(position); } }); } if (mLongClickListener != null) { holder.itemView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { return mLongClickListener.onLongClick(position); } }); } }// 省略其他的代码 ...... /* * 给条目设置点击和长按事件 */ public OnItemClickListener mItemClickListener; public OnLongClickListener mLongClickListener; public void setOnItemClickListener(OnItemClickListener itemClickListener) { this.mItemClickListener = itemClickListener; }public void setOnLongClickListener(OnLongClickListener longClickListener) { this.mLongClickListener = longClickListener; }public interface OnItemClickListener { public void onItemClick(int position); } public interface OnLongClickListener { public boolean onLongClick(int position); } }

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。