RecyclerView的使用

最新推荐文章于 2020-11-19 18:20:58 发布

请叫我空空大人

最新推荐文章于 2020-11-19 18:20:58 发布

阅读量1.4k

点赞数 5

文章标签： RecyclerView 瀑布流

本文链接：https://blog.csdn.net/wen_haha/article/details/80775056

版权

概述:

自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

https://download.csdn.net/download/wen_haha/10493808

请叫我空空大人

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
RecyclerView的使用

概述:自Android 5.0之后，谷歌公司推出了RecylerView控件。有了ListView、GridView,为什么还需要RecyclerView这样的控件呢？从整体上看，RecylerView架构提供了一种插拔式的体验，它具有高度的解耦、异常的灵活性和更高的效率，通过设置它提供的不同LayoutManager、ItemDecoration、ItemAnimator可实现更加丰富多样的效果...
复制链接

扫一扫