RecyclerView的使用
概述:
自Android 5.0之后，谷歌公司推出了RecyclerView控件。
有了ListView、GridView,为什么还需要RecyclerView这样的控件呢？从整体上看，RecyclerView架构提供了一种插拔式的体验，它具有高度的解耦、异常的灵活性和更高的效率，通过设置它提供的不同LayoutManager、ItemDecoration、ItemAnimator可实现更加丰富多样的效果。
1.通过设置布局管理器LayoutManager来控制显示的方式。
2.通过ItemDecoration，控制Item间的间隔。
3.通过ItemAnimator，控制Item增删的动画。
缺点:
1.设置列表的分割线时需要自定义
2.列表的点击事件需要自己去实现
1.配置build.gradle
要想使用RecyclerView，我们首先要导入support-v7包。
compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'
2.使用RecyclerView
mRecyclerView= (RecyclerView) findViewById(R.id.rlv_listview);
mAdapter=new SimpleAdapter(this,mDatas);
mRecyclerView.setAdapter(mAdapter);
//设置排列方式
mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
与ListView不同的一点就是，需要设置布局管理器用于设置条目的排列方式，可以是垂直排列或者水平排列。在这里我们设置setLayoutManager(new LinearLayoutManager(this))表示条目是线性排列的(默认是垂直排列的)。
如果想要设置为水平排列，可以按如下代码所示编写:
LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false); mRecyclerView.setLayoutManager(linearLayoutManager);
RecyclerView使用的Adapter最大的改进就是对ViewHolder进行了封装，我们只需要自定义一个ViewHolder继承RecyclerView.ViewHolder就可以了。另外，Adapter继承了RecyclerView.Adapter,在onCreateViewHolder中加载条目布局，在onBindViewHolder中将视图与数据进行绑定。
public class SimpleAdapter extends RecyclerView.Adapter<SimpleAdapter.MyViewHolder> { private LayoutInflater mInflater; private Context mContext; protected List<String> mDatas; public SimpleAdapter(Context mContext, List<String> mDatas) { this.mContext = mContext; this.mDatas = mDatas; mInflater=LayoutInflater.from(mContext); } @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = mInflater.inflate(R.layout.item, parent, false); MyViewHolder viewHolder=new MyViewHolder(view); return viewHolder; } @Override public void onBindViewHolder(final MyViewHolder holder, int position) { holder.tv.setText(mDatas.get(position)); } public void addData(int pos){ mDatas.add(pos,"加入"); notifyItemInserted(pos); }public void deleteData(int pos){ mDatas.remove(pos); notifyItemRemoved(pos); } @Override public int getItemCount() { return mDatas.size(); } class MyViewHolder extends RecyclerView.ViewHolder { TextView tv; public MyViewHolder(View itemView) { super(itemView); tv= itemView.findViewById(R.id.tv_text); } } }
像listView一样的效果：
不过这样太丑了，没有分割线，所有的item都连在一起，这就需要我们设置分割线。
设置分割线
我们可以使用mRecyclerView.addItemDecoration()来加入分割线，该方法的参数为RecyclerView.ItemDecoration，该类为抽象类，官方目前并没有提供默认的实现类。谷歌目前没用提供默认的分割线，这就需要我们继承RecyclerView.ItemDecoration来自定义分割线。
该类的源码为：
public class DividerItemDecoration extends RecyclerView.ItemDecoration
{
private static final int[] ATTRS = new int[] { android.R.attr.listDivider };
public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;
private Drawable mDivider;
private int mOrientation;
public DividerItemDecoration(Context context, int orientation)
{
final TypedArray a = context.obtainStyledAttributes(ATTRS);
mDivider = a.getDrawable(0);
a.recycle();
setOrientation(orientation);
}
public void setOrientation(int orientation)
{
if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST)
{
throw new IllegalArgumentException("invalid orientation");
}
mOrientation = orientation;
}
@Override
public void onDraw(Canvas c, RecyclerView parent)
{
Log.v("recyclerview - itemdecoration", "onDraw()");
if (mOrientation == VERTICAL_LIST) {
drawVertical(c, parent);
} else {
drawHorizontal(c, parent);
}
}
public void drawVertical(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);
android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(
parent.getContext());
final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
.getLayoutParams();
final int top = child.getBottom() + params.bottomMargin;
final int bottom = top + mDivider.getIntrinsicHeight();
mDivider.setBounds(left, top, right, bottom);
mDivider.draw(c);
}
}
public void drawHorizontal(Canvas c, RecyclerView parent)
{
final int top = parent.getPaddingTop();
final int bottom = parent.getHeight() - parent.getPaddingBottom();
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 left = child.getRight() + params.rightMargin;
final int right = left + mDivider.getIntrinsicHeight();
mDivider.setBounds(left, top, right, bottom);
mDivider.draw(c);
}
}
@Override
public void getItemOffsets(Rect outRect, int itemPosition,
RecyclerView parent)
{
if (mOrientation == VERTICAL_LIST)
{
outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
} else
{
outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
}
}
}
核心的方法是onDraw方法，它根据传进来的orientation来判断是绘制横向item的分割线还是纵向item的分割线。其中，drawHorizontal用于绘制横向item的分割线，drawVertical用于绘制纵向item的分割线。getItemOffsets方法则用于设置item的padding属性。虽然没有默认的分割线，但是好处我们发现了：那就是我们可以更灵活地自定义分割线。实现自定义的分割线，只要在setAdapter之前加入以下代码即可：
mRecyclerView.addItemDecoration(new DividerItemDecoration(RecyclerViewActivity.this,DividerItemDecoration.VERTICAL_LIST));
效果图：
添加动画
ItemAnimator也是一个抽象类，好在系统为我们提供了一种默认的实现类，借助默认的实现，当Item添加和移除的时候，添加动画效果很简单，只需要一句代码就可以实现动画效果：
mRecyclerView.setItemAnimator(new DefaultItemAnimator());注意：这里更新数据集不是用adapter.notifyDataSetChanged()而是用notifyItemInserted(position)与notifyItemRemoved(position)
否则没有动画效果。
我们在adapter中添加了两个方法来进行添加和删除
//加入数据 public void addData(int pos){ mDatas.add(pos,"加入"); notifyItemInserted(pos); } //输出数据 public void deleteData(int pos){ mDatas.remove(pos); notifyItemRemoved(pos); }
在Activity中点击MenuItem触发：
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main,menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); switch (id){ case R.id.action_add: mAdapter.addData(1); break; case R.id.action_delete: mAdapter.deleteData(2); break; default: break; } return super.onOptionsItemSelected(item); }
效果图:
使用RecyclerView可以实现GridView的效果，可以实现纵向的GridView也可以实现横向的GridView。
纵向的GridView，只需要在代码中书写：
mRecyclerView.setLayoutManager(new GridLayoutManager(this,3));
后面的数字代表列数，表明有几列。
效果图:
横向的GridView，在代码中书写：
mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4, StaggeredGridLayoutManager.HORIZONTAL));
效果图就不贴出来了。
实现瀑布流
虽然第三方实现的瀑布流很不错了，但是谷歌这次提供的RecyclerView支持瀑布流，而且它更稳定、效率更高、自定义能力更强。这里为了实现方便，我们可以不用写mRecyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST))来设置分割线，可以在item布局文件中定义分割距离android:layout_margin="3dp";
<?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="60dp" android:layout_margin="3dp" android:background="@drawable/item_bg" > <TextView android:id="@+id/tv_text" android:gravity="center" android:layout_width="60dp" android:layout_height="match_parent" /> </FrameLayout>
实现瀑布流很简单，只要在Adapter中写一个随机的高度来控制每个item的高度就可以了。通常这个高度是由服务器返回的数据高度来控制的，这里我们就写一个随机的高度来控制每一个item的高度：
mHeight=new ArrayList<>(); for (int i=0;i<mDatas.size();i++){ mHeight.add((int) (100+Math.random()*300)); }
接着我们在Adapter的onBindViewHolder中设置每个item的高度
ViewGroup.LayoutParams layoutParams = holder.itemView.getLayoutParams(); layoutParams.height=mHeight.get(position); holder.itemView.setLayoutParams(layoutParams);
效果图如下所示:
自定义点击事件
我们上面提过，RecyclerView有一个很大的缺点就是要自定义点击事件，这是一个不尽人意的地方。但是，自定义点击事件也不是很难。在Adapter中定义接口并提供回调，我们在adapter中定义了条目的点击事件和长按点击事件。
public interface OnItemClickListener{ void onItemClick(View view,int position); void onItemLongClick(View view,int position); } private OnItemClickListener mOnItemClickListener; public void setOnItemClickListener(OnItemClickListener mOnItemClickListener) { this.mOnItemClickListener = mOnItemClickListener; }
接下来对item中控件进行点击事件监听并回调给我们自定义的监听
@Override public void onBindViewHolder(final MyViewHolder holder, int position) { holder.tv.setText(mDatas.get(position)); if (mOnItemClickListener!=null){ holder.itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int pos = holder.getLayoutPosition(); mOnItemClickListener.onItemClick(holder.itemView,pos); } }); holder.itemView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { int pos = holder.getLayoutPosition(); mOnItemClickListener.onItemLongClick(holder.itemView,pos); return false; } }); } }
最后在Activity中进行监听，实现点击事件：
mAdapter.setOnItemClickListener(new SimpleAdapter.OnItemClickListener() { @Override public void onItemClick(View view, int position) { Toast.makeText(MainActivity.this,"第"+position+"位置",Toast.LENGTH_SHORT).show(); mAdapter.deleteData(position); } @Override public void onItemLongClick(View view, final int position) { new AlertDialog.Builder(MainActivity.this).setTitle("确定要删除吗？").setNegativeButton("取消",null). setPositiveButton("确定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"长按第"+position+"位置",Toast.LENGTH_SHORT).show(); mAdapter.deleteData(position); } }).show(); } });
效果图如下:
到这基本就已经结束了，我们来看一下RecyclerView的常见用法:
1.通过LayoutManager的使用，来设置排列顺序
2.通过ItemDecoration去设置分割线
3.通过使用ItemAnimator为RecylerView去添加Item移除、添加的动画效果
4.添加自定义点击事件
GitHub地址
https://github.com/kongkongdaren/RecyclerViewDemo
Demo