Android RecyclerView

我会带着你远行 2022-12-29 00:10 338阅读 0赞

RecyclerView已经逐渐的取代ListView。RecyclerView提供了一种插拔式的体验,高度的解耦,异常的灵活,通过设置它提供的不同LayoutManager,ItemDecoration , ItemAnimator实现令人瞠目的效果。

  1. 你想控制数据的显示方式,列表显示、网格显示、瀑布流显示等等,之前你需要ListView,GridView和自定义View,而现在你可以通过RecyclerView的布局管理器LayoutManager控制
  2. 你想要控制Item间的间隔(可绘制),想自定义更多样式的分割线,之前你可以设置divider,那么现在你可以使用RecyclerView的ItemDecoration,想怎么画怎么画。
  3. 你想要控制Item增删的动画,ListView呢我们只能自己通过属性动画来操作 Item 的视图。RecyclerView可使用ItemAnimator
  4. 你想要局部刷新某个Item,对于ListView来说,我们知道notifyDataSetChanged 来通知视图更新变化,但是该方法会重绘每个Item,而对于RecyclerView.Adapter 则提供了 notifyItemChanged 用于更新单个 Item View 的刷新,我们可以省去自己写局部更新的工作。

除此之外,RecyclerView强制使用了ViewHolder模式,我们知道ListView使用ViewHolder来进行性能优化,但是这不是必须得,但是在RecyclerView中是必须的,另外RecyclerView还有许多优势,这里就不一一列举了,总体来说现在越来越多的项目使用RecyclerView,许多老旧项目也渐渐使用RecyclerView来替代ListView。

注:当我们想要一个列表显示控件的时候,需要支持动画,或者频繁更新,局部刷新,建议使用RecyclerView,更加强大完善,易扩展;其他情况下ListView在使用上反而更加方便,快捷。

RecyclerView的四大组成分别是:

  • Adapter:为Item提供数据。必须提供
  • LayoutManager:Item的布局。必须提供,我们需要为RecyclerView指定一个布局管理器
  • ItemAnimator:添加、删除Item动画。可选提供,默认是DefaultItemAnimator
  • ItemDecoration:Item之间的Divider。可选提供,默认是空

LayoutManager布局管理器,通过不同的布局管理器来控制item的排列顺序,负责item元素的布局和复用。RecycleView提供了三种布局管理器:

  • LinearLayoutManager:线性布局,以垂直或水平滚动列表方式显示项目。
  • GridLayoutManager:网格布局,在网格中显示项目。
  • StaggeredGridLayoutManager:瀑布流布局,在分散对齐网格中显示项目。

一、RecyclerView的简单使用

在build.gradle中添加依赖:

  1. implementation 'androidx.recyclerview:recyclerview:1.1.0'

RecyclerViewDemo1Activity.java

  1. public class RecyclerViewDemo1Activity extends AppCompatActivity {
  2. @BindView(R.id.recycler_view)
  3. RecyclerView mRecyclerView;
  4. private List<String> mData;
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(R.layout.activity_recycler_demo1_view);
  9. ButterKnife.bind(this);
  10. //LayoutManager必须指定,否则无法显示数据,这里指定为线性布局,
  11. mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
  12. //虚拟数据
  13. mData = createDataList();
  14. //设置Adapter必须指定,否则数据怎么显示
  15. mRecyclerView.setAdapter(new RecyclerViewDemo1Adapter(mData));
  16. }
  17. protected List<String> createDataList() {
  18. mData = new ArrayList<>();
  19. for (int i=0;i<20;i++){
  20. mData.add("这是第"+i+"个View");
  21. }
  22. return mData;
  23. }
  24. }

我们再来看RecyclerViewDemo1Adapter

  1. /**
  2. * 与ListView的Adapter不同,RecyclerView的Adapter需要继承RecyclerView.Adapter<VH>(VH是ViewHolder的类名)
  3. * 记为RecyclerViewDemo1Adapter。
  4. * 创建ViewHolder:在RecyclerViewDemo1Adapter中创建一个继承RecyclerView.ViewHolder的静态内部类,记为ViewHolder
  5. * (RecyclerView必须使用ViewHolder模式,这里的ViewHolder实现几乎与ListView优化时所使用的ViewHolder一致)
  6. * 在RecyclerViewDemo1Adapter中实现:
  7. * ViewHolder onCreateViewHolder(ViewGroup parent, int viewType): 映射Item Layout Id,创建VH并返回。
  8. *
  9. * void onBindViewHolder(ViewHolder holder, int position): 为holder设置指定数据。
  10. *
  11. * int getItemCount(): 返回Item的个数。
  12. *
  13. * 可以看出,RecyclerView将ListView中getView()的功能拆分成了onCreateViewHolder()和onBindViewHolder()。
  14. */
  15. public class RecyclerViewDemo1Adapter extends RecyclerView.Adapter<RecyclerViewDemo1Adapter.ViewHolder> {
  16. private List<String> mData;
  17. public RecyclerViewDemo1Adapter(List<String> data) {
  18. this.mData = data;
  19. }
  20. @Override
  21. public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  22. View view = LayoutInflater
  23. .from(parent.getContext())
  24. .inflate(R.layout.item_menu_main, parent, false);
  25. return new ViewHolder(view);
  26. }
  27. @Override
  28. public void onBindViewHolder(ViewHolder holder, int position) {
  29. holder.setData(this.mData.get(position));
  30. holder.itemView.setOnClickListener(new View.OnClickListener() {
  31. @Override
  32. public void onClick(View v) {
  33. //item点击事件
  34. }
  35. });
  36. }
  37. @Override
  38. public int getItemCount() {
  39. return this.mData != null ? this.mData.size() : 0;
  40. }
  41. static class ViewHolder extends RecyclerView.ViewHolder{
  42. private TextView mTextView;
  43. public ViewHolder(View itemView) {
  44. super(itemView);
  45. mTextView = (TextView) itemView.findViewById(R.id.tv_title);
  46. }
  47. public void setData(String title) {
  48. this.mTextView.setText(title);
  49. }
  50. }
  51. }

需要注意的是RecyclerView没有提供如ListView的setOnItemClickListener或者setOnItemLongClickListener之类的Item点击事件,我们必须自己去实现该部分功能,实现的方法有很多种,也比较容易,本例中采用在Adapter中BindViewHolder绑定数据的时候为item设置了点击事件。此外也可以在RecyclerView的Adapter中自定义一个接口,并创建一个供其他类设置监听的方法。

  1. public class MyRecycleViewAdapter extends RecyclerView.Adapter<MyRecycleViewAdapter.MyHolder> {
  2. private List mList;//数据源
  3. private OnItemClickListener onItemClickListener;
  4. /**
  5. * 供外部调用设置监听
  6. * @param onItemClickListener
  7. */
  8. public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
  9. this.onItemClickListener = onItemClickListener;
  10. }
  11. /**
  12. * 自定义的接口
  13. */
  14. public interface OnItemClickListener {
  15. void onItemClick(View view, int position);
  16. }
  17. //通过方法提供的ViewHolder,将数据绑定到ViewHolder中
  18. @Override
  19. public void onBindViewHolder(final MyHolder holder, int position) {
  20. holder.textView.setText(mList.get(position).toString());
  21. holder.itemView.setOnClickListener(new View.OnClickListener() {
  22. @Override
  23. public void onClick(View v) {
  24. if (onItemClickListener != null) {
  25. onItemClickListener.onItemClick(v, holder.getAdapterPosition() + 1);
  26. }
  27. }
  28. });
  29. }
  30. }

当我们定义好接口后,我们在onBindViewHolder()方法中为holder.itemView(itemView是列表中的每一个item项)设置了点击事件监听,然后在onClick()中判断是否有用户传递过onItemClickListener实例进来,有的话会调用他的onItemClick(),将点击事件转移到我们的自定义接口上,传给外面的调用者。调用者代码如下:

  1. mAdapter.setOnItemClickListener(new MyRecycleViewAdapter.OnItemClickListener() {
  2. @Override
  3. public void onItemClick(View view, int position) {
  4. Toast.makeText(getApplicationContext(), "第" + position + "条数据", Toast.LENGTH_SHORT).show();
  5. }
  6. });

上面代码的运行结果看起来像是是一个没有分割线的ListView
738b0156d8a148967059ff0fe7d2dbcd.png

二、RecyclerView的进阶使用

上面的基本使用我们是会了,而且点击Item也有反应了,不过巨丑无比啊有木有。起码的分割线都没有,真无语

1、为RecyclerView添加分割线

创建一个类并继承RecyclerView.ItemDecoration,重写以下两个方法:

  • onDraw()或者onDrawOver: 绘制分割线。
  • getItemOffsets(): 设置分割线的宽、高。

然后使用RecyclerView通过addItemDecoration()方法添加item之间的分割线。

  1. public class RecyclerViewDemo2Activity extends AppCompatActivity {
  2. @BindView(R.id.recycler_view)
  3. RecyclerView mRecyclerView;
  4. private List<String> mData;
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(R.layout.activity_recycler_demo1_view);
  9. ButterKnife.bind(this);
  10. //LayoutManager必须指定,否则无法显示数据,这里指定为线性布局,
  11. mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
  12. //虚拟数据
  13. mData = createDataList();
  14. //设置Adapter必须指定,否则数据怎么显示
  15. mRecyclerView.setAdapter(new RecyclerViewDemo2Adapter(mData));
  16. //设置分割线
  17. mRecyclerView.addItemDecoration(
  18. new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));
  19. }
  20. protected List<String> createDataList() {
  21. mData = new ArrayList<>();
  22. for (int i=0;i<20;i++){
  23. mData.add("这是第"+i+"个View");
  24. }
  25. return mData;
  26. }
  27. }

这里的DividerItemDecoration是Google给了一个参考的实现类,这里我们通过分析这个例子来看如何自定义Item Decoration。

DividerItemDecoration.java

  1. public class DividerItemDecoration extends RecyclerView.ItemDecoration {
  2. public static final int HORIZONTAL = LinearLayout.HORIZONTAL;
  3. public static final int VERTICAL = LinearLayout.VERTICAL;
  4. private static final int[] ATTRS = new int[]{ android.R.attr.listDivider };
  5. private Drawable mDivider;
  6. private int mOrientation;
  7. private final Rect mBounds = new Rect();
  8. /**
  9. * 创建一个可使用于LinearLayoutManager的分割线
  10. *
  11. */
  12. public DividerItemDecoration(Context context, int orientation) {
  13. final TypedArray a = context.obtainStyledAttributes(ATTRS);
  14. mDivider = a.getDrawable(0);
  15. a.recycle();
  16. setOrientation(orientation);
  17. }
  18. @Override
  19. public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
  20. if (parent.getLayoutManager() == null) {
  21. return;
  22. }
  23. if (mOrientation == VERTICAL) {
  24. drawVertical(c, parent);
  25. } else {
  26. drawHorizontal(c, parent);
  27. }
  28. }
  29. @SuppressLint("NewApi")
  30. private void drawVertical(Canvas canvas, RecyclerView parent) {
  31. canvas.save();
  32. final int left;
  33. final int right;
  34. if (parent.getClipToPadding()) {
  35. left = parent.getPaddingLeft();
  36. right = parent.getWidth() - parent.getPaddingRight();
  37. canvas.clipRect(left, parent.getPaddingTop(), right,
  38. parent.getHeight() - parent.getPaddingBottom());
  39. } else {
  40. left = 0;
  41. right = parent.getWidth();
  42. }
  43. final int childCount = parent.getChildCount();
  44. for (int i = 0; i < childCount; i++) {
  45. final View child = parent.getChildAt(i);
  46. parent.getDecoratedBoundsWithMargins(child, mBounds);
  47. final int bottom = mBounds.bottom + Math.round(ViewCompat.getTranslationY(child));
  48. final int top = bottom - mDivider.getIntrinsicHeight();
  49. mDivider.setBounds(left, top, right, bottom);
  50. mDivider.draw(canvas);
  51. }
  52. canvas.restore();
  53. }
  54. @Override
  55. public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
  56. RecyclerView.State state) {
  57. if (mOrientation == VERTICAL) {
  58. outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
  59. } else {
  60. outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
  61. }
  62. }
  63. }

首先看构造函数,构造函数中获得系统属性android:listDivider,该属性是一个Drawable对象。接着设置mOrientation,我们这里传入的是DividerItemDecoration.VERTICAL。

上面我们就说了如何添加分割线,那么作为实例,我们先看DividerItemDecoration的getItemOffsets方法

  1. @Override
  2. public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
  3. RecyclerView.State state) {
  4. if (mOrientation == VERTICAL) {
  5. outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
  6. } else {
  7. outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
  8. }
  9. }

outRect是当前item四周的间距,类似margin属性,现在设置了该item下间距为mDivider.getIntrinsicHeight()。

那么getItemOffsets()是怎么被调用的呢?

RecyclerView继承了ViewGroup,并重写了measureChild(),该方法在onMeasure()中被调用,用来计算每个child的大小,计算每个child大小的时候就需要加上getItemOffsets()设置的外间距:

  1. public void measureChild(View child, int widthUsed, int heightUsed) {
  2. final LayoutParams lp = (LayoutParams) child.getLayoutParams();
  3. final Rect insets = mRecyclerView.getItemDecorInsetsForChild(child);
  4. widthUsed += insets.left + insets.right;
  5. heightUsed += insets.top + insets.bottom;
  6. ......
  7. }

也就是说getItemOffsets()方法是确定分割线的大小的(这个大小指的是高度,宽度)

那么接着onDraw()以及onDrawOver(),两者的作用是什么呢以及两者之间有什么关系呢?

  1. public class RecyclerView extends ViewGroup {
  2. @Override
  3. public void draw(Canvas c) {
  4. super.draw(c);
  5. final int count = mItemDecorations.size();
  6. for (int i = 0; i < count; i++) {
  7. mItemDecorations.get(i).onDrawOver(c, this, mState);
  8. }
  9. ......
  10. }
  11. @Override
  12. public void onDraw(Canvas c) {
  13. super.onDraw(c);
  14. final int count = mItemDecorations.size();
  15. for (int i = 0; i < count; i++) {
  16. mItemDecorations.get(i).onDraw(c, this, mState);
  17. }
  18. }
  19. }

根据View的绘制流程,首先调用RecyclerView重写的draw()方法,随后super.draw()即调用View的draw(),该方法会先调用onDraw()(这个方法在RecyclerView重写了),再调用dispatchDraw()绘制children。因此:ItemDecoration的onDraw()在绘制Item之前调用,ItemDecoration的onDrawOver()在绘制Item之后调用。

在RecyclerView的onDraw()方法中会得到分割线的数目,并循环调用其onDraw()方法,我们再来看分割线实例DividerItemDecoration的onDraw()方法

  1. @Override
  2. public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
  3. if (parent.getLayoutManager() == null) {
  4. return;
  5. }
  6. if (mOrientation == VERTICAL) {
  7. drawVertical(c, parent);
  8. } else {
  9. drawHorizontal(c, parent);
  10. }
  11. }

这里调用了drawVertical

  1. @SuppressLint("NewApi")
  2. private void drawVertical(Canvas canvas, RecyclerView parent) {
  3. canvas.save();
  4. final int left;
  5. final int right;
  6. if (parent.getClipToPadding()) {
  7. left = parent.getPaddingLeft();
  8. right = parent.getWidth() - parent.getPaddingRight();
  9. canvas.clipRect(left, parent.getPaddingTop(), right,
  10. parent.getHeight() - parent.getPaddingBottom());
  11. } else {
  12. left = 0;
  13. right = parent.getWidth();
  14. }
  15. final int childCount = parent.getChildCount();
  16. for (int i = 0; i < childCount; i++) {
  17. final View child = parent.getChildAt(i);
  18. parent.getDecoratedBoundsWithMargins(child, mBounds);
  19. final int bottom = mBounds.bottom + Math.round(ViewCompat.getTranslationY(child));
  20. final int top = bottom - mDivider.getIntrinsicHeight();
  21. mDivider.setBounds(left, top, right, bottom);
  22. mDivider.draw(canvas);
  23. }
  24. canvas.restore();
  25. }

drawVertical的逻辑比较简单,重要的代码

  1. //为分割线设置bounds
  2. mDivider.setBounds(left, top, right, bottom);
  3. //画出来
  4. mDivider.draw(canvas);

小结

在RecyclerView中添加分割线需要的操作已经在上文中比较详细的说明了,这里再总结一下。我们在为RecyclerView添加分割线的时候使用

  1. //设置分割线
  2. mRecyclerView.addItemDecoration(
  3. new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

其中addItemDecoration方法的参数即为分割线的实例,那么如何创建分割线呢,
创建一个类并继承RecyclerView.ItemDecoration,重写以下两个方法:

  • onDraw()或者onDrawOver: 绘制分割线。
  • getItemOffsets(): 设置分割线的宽、高。

上面我们已经初步体验了下LinearLayoutManager,接下来看GridLayoutManager。

  • GridLayoutManager

我们尝试去实现类似GridView,秒秒钟的事情:

  1. //mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
  2. mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));

只需要修改LayoutManager即可,还是很nice的。

当然了,改为GridLayoutManager以后,对于分割线,前面的DividerItemDecoration就不适用了,主要是因为它在绘制的时候,比如水平线,针对每个child的取值为:

  1. final int left = parent.getPaddingLeft();
  2. final int right = parent.getWidth() - parent.getPaddingRight();

因为每个Item一行,这样是没问题的。而GridLayoutManager时,一行有多个childItem,这样就多次绘制了,并且GridLayoutManager时,Item如果为最后一列(则右边无间隔线)或者为最后一行(底部无分割线)。

针对上述,我们编写了DividerGridItemDecoration

  1. public class DividerGridItemDecoration extends RecyclerView.ItemDecoration
  2. {
  3. private static final int[] ATTRS = new int[] { android.R.attr.listDivider };
  4. private Drawable mDivider;
  5. public DividerGridItemDecoration(Context context)
  6. {
  7. final TypedArray a = context.obtainStyledAttributes(ATTRS);
  8. mDivider = a.getDrawable(0);
  9. a.recycle();
  10. }
  11. @Override
  12. public void onDraw(Canvas c, RecyclerView parent, State state)
  13. {
  14. drawHorizontal(c, parent);
  15. drawVertical(c, parent);
  16. }
  17. private int getSpanCount(RecyclerView parent)
  18. {
  19. // 列数
  20. int spanCount = -1;
  21. LayoutManager layoutManager = parent.getLayoutManager();
  22. if (layoutManager instanceof GridLayoutManager)
  23. {
  24. spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
  25. } else if (layoutManager instanceof StaggeredGridLayoutManager)
  26. {
  27. spanCount = ((StaggeredGridLayoutManager) layoutManager)
  28. .getSpanCount();
  29. }
  30. return spanCount;
  31. }
  32. public void drawHorizontal(Canvas c, RecyclerView parent)
  33. {
  34. int childCount = parent.getChildCount();
  35. for (int i = 0; i < childCount; i++)
  36. {
  37. final View child = parent.getChildAt(i);
  38. final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  39. .getLayoutParams();
  40. final int left = child.getLeft() - params.leftMargin;
  41. final int right = child.getRight() + params.rightMargin
  42. + mDivider.getIntrinsicWidth();
  43. final int top = child.getBottom() + params.bottomMargin;
  44. final int bottom = top + mDivider.getIntrinsicHeight();
  45. mDivider.setBounds(left, top, right, bottom);
  46. mDivider.draw(c);
  47. }
  48. }
  49. public void drawVertical(Canvas c, RecyclerView parent)
  50. {
  51. final int childCount = parent.getChildCount();
  52. for (int i = 0; i < childCount; i++)
  53. {
  54. final View child = parent.getChildAt(i);
  55. final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  56. .getLayoutParams();
  57. final int top = child.getTop() - params.topMargin;
  58. final int bottom = child.getBottom() + params.bottomMargin;
  59. final int left = child.getRight() + params.rightMargin;
  60. final int right = left + mDivider.getIntrinsicWidth();
  61. mDivider.setBounds(left, top, right, bottom);
  62. mDivider.draw(c);
  63. }
  64. }
  65. private boolean isLastColum(RecyclerView parent, int pos, int spanCount,
  66. int childCount)
  67. {
  68. LayoutManager layoutManager = parent.getLayoutManager();
  69. if (layoutManager instanceof GridLayoutManager)
  70. {
  71. if ((pos + 1) % spanCount == 0)// 如果是最后一列,则不需要绘制右边
  72. {
  73. return true;
  74. }
  75. } else if (layoutManager instanceof StaggeredGridLayoutManager)
  76. {
  77. int orientation = ((StaggeredGridLayoutManager) layoutManager)
  78. .getOrientation();
  79. if (orientation == StaggeredGridLayoutManager.VERTICAL)
  80. {
  81. if ((pos + 1) % spanCount == 0)// 如果是最后一列,则不需要绘制右边
  82. {
  83. return true;
  84. }
  85. } else
  86. {
  87. childCount = childCount - childCount % spanCount;
  88. if (pos >= childCount)// 如果是最后一列,则不需要绘制右边
  89. return true;
  90. }
  91. }
  92. return false;
  93. }
  94. private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
  95. int childCount)
  96. {
  97. LayoutManager layoutManager = parent.getLayoutManager();
  98. if (layoutManager instanceof GridLayoutManager)
  99. {
  100. childCount = childCount - childCount % spanCount;
  101. if (pos >= childCount)// 如果是最后一行,则不需要绘制底部
  102. return true;
  103. } else if (layoutManager instanceof StaggeredGridLayoutManager)
  104. {
  105. int orientation = ((StaggeredGridLayoutManager) layoutManager)
  106. .getOrientation();
  107. // StaggeredGridLayoutManager 且纵向滚动
  108. if (orientation == StaggeredGridLayoutManager.VERTICAL)
  109. {
  110. childCount = childCount - childCount % spanCount;
  111. // 如果是最后一行,则不需要绘制底部
  112. if (pos >= childCount)
  113. return true;
  114. } else
  115. // StaggeredGridLayoutManager 且横向滚动
  116. {
  117. // 如果是最后一行,则不需要绘制底部
  118. if ((pos + 1) % spanCount == 0)
  119. {
  120. return true;
  121. }
  122. }
  123. }
  124. return false;
  125. }
  126. @Override
  127. public void getItemOffsets(Rect outRect, int itemPosition,
  128. RecyclerView parent)
  129. {
  130. int spanCount = getSpanCount(parent);
  131. int childCount = parent.getAdapter().getItemCount();
  132. if (isLastRaw(parent, itemPosition, spanCount, childCount))// 如果是最后一行,则不需要绘制底部
  133. {
  134. outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
  135. } else if (isLastColum(parent, itemPosition, spanCount, childCount))// 如果是最后一列,则不需要绘制右边
  136. {
  137. outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
  138. } else
  139. {
  140. outRect.set(0, 0, mDivider.getIntrinsicWidth(),
  141. mDivider.getIntrinsicHeight());
  142. }
  143. }
  144. }

主要在getItemOffsets方法中,去判断如果是最后一行,则不需要绘制底部;如果是最后一列,则不需要绘制右边,整个判断也考虑到了StaggeredGridLayoutManager的横向和纵向,所以稍稍有些复杂。最重要还是去理解,如何绘制什么的不重要。一般如果仅仅是希望有空隙,还是去设置item的margin方便。

最后的效果是:

20150415150026088

ok,看到这,你可能还觉得RecyclerView不够强大?

但是如果我们有这么个需求,纵屏的时候显示为ListView,横屏的时候显示两列的GridView,我们RecyclerView可以轻松搞定,而如果使用ListView去实现还是需要点功夫的~~~

当然了,这只是皮毛,下面让你心服口服。

  • StaggeredGridLayoutManager

瀑布流式的布局,其实他可以实现GridLayoutManager一样的功能,仅仅按照下列代码:

  1. // mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));
  2. mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4, StaggeredGridLayoutManager.VERTICAL));

这两种写法显示的效果是一致的,但是注意StaggeredGridLayoutManager构造的第二个参数传一个orientation,如果传入的是StaggeredGridLayoutManager.VERTICAL代表有多少列;那么传入的如果是StaggeredGridLayoutManager.HORIZONTAL就代表有多少行,比如本例如果改为:

  1. mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,
  2. StaggeredGridLayoutManager.HORIZONTAL));

那么效果为:

20150415150125431

可以看到,固定为4行,变成了左右滑动。有一点需要注意,如果是横向的时候,item的宽度需要注意去设置,毕竟横向的宽度没有约束了,应为控件可以横向滚动了。
如果你需要一样横向滚动的GridView,那么恭喜你。

ok,接下来准备看大招,如果让你去实现个瀑布流,最起码不是那么随意就可以实现的吧?但是,如果使用RecyclerView,分分钟的事。
那么如何实现?其实你什么都不用做,只要使用StaggeredGridLayoutManager我们就已经实现了,只是上面的item布局我们使用了固定的高度,下面我们仅仅在适配器的onBindViewHolder方法中为我们的item设置个随机的高度,看看效果图:

20150415193645985

是不是棒棒哒,通过RecyclerView去实现ListView、GridView、瀑布流的效果基本上没有什么区别,而且可以仅仅通过设置不同的LayoutManager即可实现。

2、为RecyclerView添加HeaderView以及FooterView

RecyclerView没有提供类似ListView的addHeaderView或者addFooterView方法,所以我们要自己实现。关于实现的方法也有很多种。目前网上能搜到的主流解决办法是在Adapter中重写getItemViewType方法为头部或者底部布局生成特定的item。从而实现头部布局以及底部布局。

  1. 1、首先要区分头布局、中间布局、尾布局三种不同的type,通过设置一个int值来判断不同的布局
  2. 2、通过getItemViewType来返回type
  3. 3、在onCreateViewHolder中根据不同的viewType显示不同的布局
  4. 4、在onBindViewHolder根据不同的holder加载不同的数据

注意

1、getItemCount这里需要返回的集合的数量+header数量+footer数量
2、当content布局中加载数据是通过position获取数据时需要将position-1

1、添加三种不同的type来区分不同的布局

  1. public static final int ITEM_TYPE_CONTENT = 0;
  2. public static final int ITEM_TYPE_FOOTER = 1;
  3. public static final int ITEM_TYPE_HEADER = 2;

2、添加头、尾布局数量

  1. private int footerCount = 1;
  2. private int headerCount = 1;

3、根据position获取Item的类型

  1. @Override
  2. public int getItemViewType(int position) {
  3. if (isHeaderView(position)) {
  4. return ITEM_TYPE_HEADER;
  5. } else if (isFooterView(position)) {
  6. return ITEM_TYPE_FOOTER;
  7. } else {
  8. return ITEM_TYPE_CONTENT;
  9. }
  10. }

4、根据不同的viewType显示不同的布局

  1. @NonNull
  2. @Override
  3. public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) {
  4. /**
  5. * 主要负责把加载子项的布局
  6. * 将xml定义的布局实例化为view对象
  7. */
  8. if (viewType == ITEM_TYPE_FOOTER) {
  9. View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_footer_item, viewGroup, false);
  10. return new FooterViewHolder(view);
  11. } else if (viewType == ITEM_TYPE_HEADER) {
  12. View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_header_item, viewGroup, false);
  13. return new HeaderViewHolder(view);
  14. } else if (viewType == ITEM_TYPE_CONTENT) {
  15. View view = LayoutInflater.from(mContext).inflate(R.layout.recyclerview_item, viewGroup, false);
  16. return new ContentViewHolder(view);
  17. }
  18. return null;
  19. }

5、根据不同的ViewHolder加载不同的数据(注意content中通过position加载数据position需要-1)

  1. @Override
  2. public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
  3. //主要负责绑定数据
  4. if (holder instanceof HeaderViewHolder) {
  5. } else if (holder instanceof FooterViewHolder) {
  6. } else if (holder instanceof ContentViewHolder) {
  7. ((ContentViewHolder) holder).tvItem.setText(mList.get(position - 1));
  8. ((ContentViewHolder) holder).llLayout.setOnClickListener(new View.OnClickListener() {
  9. @Override
  10. public void onClick(View v) {
  11. if (mOnItemClickListener != null) {
  12. mOnItemClickListener.onItemClick(((ContentViewHolder) holder).llLayout, position - 1);
  13. }
  14. }
  15. });
  16. ((ContentViewHolder) holder).llLayout.setOnLongClickListener(new View.OnLongClickListener() {
  17. @Override
  18. public boolean onLongClick(View v) {
  19. if (mOnItemClickListener != null) {
  20. mOnItemClickListener.onItemLongClick(((ContentViewHolder) holder).llLayout, position - 1);
  21. }
  22. return true;
  23. }
  24. });
  25. }
  26. }

6、返回的集合数量(务必加上header、footer)

  1. @Override
  2. public int getItemCount() {
  3. //返回集合的数量
  4. return mList.size() + headerCount + footerCount;
  5. }

7、判断当前 item 是否是 FooterView

  1. /**
  2. * 判断当前 item 是否是 FooterView
  3. */
  4. public boolean isFooterView(int position) {
  5. return footerCount != 0 && position >= (footerCount + mList.size());
  6. }

8、判断当前 item 是否是 HeaderView

  1. /**
  2. * 判断当前 item 是否是 HeaderView
  3. */
  4. public boolean isHeaderView(int position) {
  5. return headerCount != 0 && position < headerCount;
  6. }

需加

  1. class HeaderViewHolder extends RecyclerView.ViewHolder {
  2. public HeaderViewHolder(@NonNull View itemView) {
  3. super(itemView);
  4. }
  5. }
  6. class FooterViewHolder extends RecyclerView.ViewHolder {
  7. public FooterViewHolder(@NonNull View itemView) {
  8. super(itemView);
  9. }
  10. }

format_png

纵向添加头布局、尾布局.jpg

问题一

当我们为recyclerView设置表格布局时,设置footer、header,如果不做任何处理就会出现下方错误

format_png 1

解决思路

1、通过setSpanSizeLookup重新设置显示的列数
2、通过判断当前view是footer、header,若是footer、header则占取整列,否则占取自己列

  1. @Override
  2. public void onAttachedToRecyclerView(@NonNull RecyclerView recyclerView) {
  3. RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
  4. if (manager instanceof GridLayoutManager) {
  5. //通过强转将manager转换成GridLayoutManager类型
  6. final GridLayoutManager gridLayoutManager = (GridLayoutManager) manager;
  7. //通过setSpanSizeLookup重新设置显示的列数
  8. gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
  9. @Override
  10. public int getSpanSize(int position) {
  11. //通过判断当前view是否是footer、header
  12. //若是footer、header则占取整列,否则占取自己列
  13. return (isHeaderView(position) || isFooterView(position)) ? gridLayoutManager.getSpanCount() : 1;
  14. }
  15. });
  16. }
  17. }

format_png 2

3、ItemAnimator 动画

RecyclerView可以通过mRecyclerView.setItemAnimator(ItemAnimator animator)来设置添加和移除时的动画效果。ItemAnimator是一个抽象类,RecyclerView为我们提供了一个ItemAnimator的实现类DefaultItemAnimator

使用方法:

  1. //设置动画效果
  2. mRecycleView.setItemAnimator(new DefaultItemAnimator());

在adapter中添加两个方法,用于添加和移除Item。这里要注意的是,更新数据集要用notifyItemInserted(position)notifyItemRemoved(position) ,而不是notifyDataSetChanged(),否则没有动画效果。

  1. /**
  2. * 添加数据
  3. */
  4. public void addItem() {
  5. mList.add(0, "new ");
  6. notifyItemInserted(0);
  7. }
  8. /**
  9. * 移除数据
  10. * @param position
  11. */
  12. public void removeItem(int position) {
  13. mList.remove(position);
  14. notifyItemRemoved(position);
  15. }

效果是按下底部“添加”按钮会在顶部插入数据,点击列表中的Item则删除该条数据。

0706b7a4cea56e25ae5f6606cef6b02f.gif

如果我们对这种动画效果不满意,也可以去自定义各种动画效果。目前github上有许多开源的项目,例如RecyclerViewItemAnimators,我们可以直接去引用或学习它的动画效果。

recyclerview的增加、删除方法:

  1. notifyDataSetChanged();//刷新整体布局
  2. notifyItemChanged(position);//刷新指定position,会重新调用onBindViewHolder来进行刷新,如果当前position在屏幕之外,则不会调用,当重新滚动到屏幕内,会重新调用
  3. notifyItemRangeChanged(position, 10);//刷新从position开始之后10条数据
  4. notifyItemInserted(position);//在第position处插入数据,这个插入时会有动画
  5. notifyItemMoved(position,5);//将当前position移动到position为5的地方,并且刷新
  6. notifyItemRangeInserted(3,10);//批量增加
  7. notifyItemRemoved(position);//删除第position条数据
  8. notifyItemRangeRemoved(position, 10);//批量删除
  9. /**
  10. * 删除某条数据
  11. *
  12. * @param position
  13. */
  14. public void removeData(int position) {
  15. mList.remove(position);
  16. notifyItemRemoved(position);
  17. notifyItemRangeChanged(position, mList.size());
  18. }
  19. /**
  20. * 在指定position添加数据
  21. *
  22. * @param position
  23. */
  24. public void addData(int position, String msg) {
  25. if (mList == null) {
  26. mList = new ArrayList<>();
  27. }
  28. if (position < mList.size()) {
  29. //说明这里是第一条
  30. mList.add(position, msg);
  31. } else {
  32. mList.add(msg);
  33. position = mList.size() - 1;
  34. }
  35. notifyItemInserted(position);
  36. notifyItemRangeChanged(position, mList.size());
  37. }

4、下拉刷新、上拉加载更多

下拉刷新:在RecyclerView布局外层添加SwipeRefreshLayout
上拉加载更多:通过RecyclerView的addOnScrollListener来判断房前滚动的状态是否是最后一个Item,来进行加载更多

布局

  1. <android.support.v4.widget.SwipeRefreshLayout
  2. android:id="@+id/swipe_refresh_layout"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <android.support.v7.widget.RecyclerView
  6. android:id="@+id/recycleview"
  7. android:layout_width="match_parent"
  8. android:layout_height="match_parent"/>
  9. </android.support.v4.widget.SwipeRefreshLayout>

2、通过swipeRefreshLayout.setOnRefreshListener来进行下拉刷新

  1. swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
  2. @Override
  3. public void onRefresh() {
  4. Handler handler = new Handler();
  5. handler.postDelayed(new Runnable() {
  6. @Override
  7. public void run() {
  8. /**
  9. *要执行的操作
  10. */
  11. recyclerViewAdapter.addData(0, "我是刷新出来的数据");
  12. swipeRefreshLayout.setRefreshing(false);
  13. Toast.makeText(RecycleActivity.this, "下拉刷新成功", Toast.LENGTH_SHORT).show();
  14. }
  15. }, 1500);//3秒后执行Runnable中的run方法
  16. }
  17. });

3、通过调用addOnScrollListener来进行加载更多

onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState)//滚动状态变化时的回调
onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy)//滚动时回调

  1. mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
  2. /**
  3. *
  4. * @param recyclerView 当前滚动的recyclerView
  5. * @param newState 当前滚动的状态
  6. *
  7. * public static final int SCROLL_STATE_IDLE = 0;静止没有滚动
  8. * public static final int SCROLL_STATE_DRAGGING = 1;正在被外部拖拽,即用户滑动
  9. * public static final int SCROLL_STATE_SETTLING = 2;//自动滚动
  10. *
  11. *
  12. */
  13. @Override
  14. public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
  15. //滚动状态变化时的回调
  16. super.onScrollStateChanged(recyclerView, newState);
  17. //先判断当前状态是否已停止
  18. //判断最后一条数据+1是否是集合的数据
  19. //判断是否滑动到最底部
  20. if (newState == RecyclerView.SCROLL_STATE_IDLE && (lastVisibleItem + 1 == recyclerViewAdapter.getItemCount())) {
  21. //判断总数>0 说明可以加载更多
  22. if (total > 0) {
  23. //判断total > count 说明还可以加载数据
  24. if (total > count) {
  25. Toast.makeText(RecycleActivity.this, "上拉加载", Toast.LENGTH_SHORT).show();
  26. count += 10;//每次加载10条
  27. getData();//加载的数据
  28. recyclerViewAdapter.notifyDataSetChanged();//刷新适配器
  29. } else {
  30. Toast.makeText(RecycleActivity.this, "没有数据加载了", Toast.LENGTH_SHORT).show();
  31. }
  32. } else {
  33. Toast.makeText(RecycleActivity.this, "没有数据加载了", Toast.LENGTH_SHORT).show();
  34. }
  35. }
  36. }
  37. /**
  38. *
  39. * @param recyclerView 当前滚动的recyclerView
  40. * @param dx 水平滚动距离
  41. * dx > 0 时为手指向左滚动,列表滚动显示右面的内容
  42. * dx < 0 时为手指向右滚动,列表滚动显示左面的内容
  43. * @param dy 垂直滚动距离
  44. * dy > 0 时为手指向上滚动,列表滚动显示下面的内容
  45. * dy < 0 时为手指向下滚动,列表滚动显示上面的内容
  46. */
  47. @Override
  48. public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
  49. super.onScrolled(recyclerView, dx, dy);
  50. //滚动时回调
  51. //最后一个可见Item
  52. lastVisibleItem = mLinearLayoutManager.findLastVisibleItemPosition();
  53. }
  54. });

be69c39f1f309bbc552856908f207629.gif

整体代码

为了更好的方便查,我把Activity和Adapter放在一起写,开发中大家一定要分开逻辑来操作

  1. public class RecycleActivity extends AppCompatActivity {
  2. private List<String> mList = new ArrayList<>();
  3. private RecyclerView mRecyclerView;
  4. private SwipeRefreshLayout swipeRefreshLayout;
  5. private int lastVisibleItem;
  6. private int total = 30;
  7. private int count = 10;
  8. @Override
  9. protected void onCreate(Bundle savedInstanceState) {
  10. super.onCreate(savedInstanceState);
  11. setContentView(R.layout.activity_recycle);
  12. mRecyclerView = (RecyclerView) findViewById(R.id.recycleview);
  13. swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);
  14. /**
  15. * 设置布局管理器
  16. * 默认垂直排布 LinearLayoutManager.VERTICAL垂直 LinearLayoutManager.HORIZONTAL水平
  17. * boolean reverseLayout 默认是false 是否反转
  18. *
  19. */
  20. LinearLayoutManager mLinearLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
  21. mRecyclerView.setLayoutManager(mLinearLayoutManager);
  22. //设置纵向默认排列
  23. // mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
  24. //设置横向默认排列,这里需要注意改成横向列表,分割线需要改成横向
  25. // mRecyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false));
  26. //设置表格布局,这里需要注意的是,有很多需求是根据返回的数据显示表格的数量,所以分割线需要自己重新定义
  27. // mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));
  28. //设置瀑布流显示
  29. // mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
  30. //默认的分割线
  31. mRecyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL));
  32. //设置自定义分割线
  33. // mRecyclerView.addItemDecoration(new SpaceItemDecoation(3));
  34. //设置删除时的动画
  35. mRecyclerView.setItemAnimator(new DefaultItemAnimator());
  36. RecyclerViewAdapter recyclerViewAdapter = new RecyclerViewAdapter(getData(), this);
  37. mRecyclerView.setAdapter(recyclerViewAdapter);
  38. swipeRefreshLayout.setColorSchemeResources(R.color.colorAccent);
  39. swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
  40. @Override
  41. public void onRefresh() {
  42. Handler handler = new Handler();
  43. handler.postDelayed(new Runnable() {
  44. @Override
  45. public void run() {
  46. /**
  47. *要执行的操作
  48. */
  49. recyclerViewAdapter.addData(0, "我是刷新出来的数据");
  50. swipeRefreshLayout.setRefreshing(false);
  51. Toast.makeText(RecycleActivity.this, "下拉刷新成功", Toast.LENGTH_SHORT).show();
  52. }
  53. }, 1500);//3秒后执行Runnable中的run方法
  54. }
  55. });
  56. mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
  57. /**
  58. *
  59. * @param recyclerView 当前滚动的recyclerView
  60. * @param newState 当前滚动的状态
  61. *
  62. * public static final int SCROLL_STATE_IDLE = 0;静止没有滚动
  63. * public static final int SCROLL_STATE_DRAGGING = 1;正在被外部拖拽,即用户滑动
  64. * public static final int SCROLL_STATE_SETTLING = 2;//自动滚动
  65. *
  66. *
  67. */
  68. @Override
  69. public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
  70. //滚动状态变化时的回调
  71. super.onScrollStateChanged(recyclerView, newState);
  72. //先判断当前状态是否已停止
  73. //判断最后一条数据+1是否是集合的数据
  74. //判断是否滑动到最底部
  75. Log.e("newState", newState + "");
  76. if (newState == RecyclerView.SCROLL_STATE_IDLE && (lastVisibleItem + 1 == recyclerViewAdapter.getItemCount())) {
  77. //判断总数>0 说明可以加载更多
  78. if (total > 0) {
  79. //判断total > count 说明还可以加载数据
  80. if (total > count) {
  81. Toast.makeText(RecycleActivity.this, "上拉加载", Toast.LENGTH_SHORT).show();
  82. count += 10;//每次加载10条
  83. getData();//加载的数据
  84. recyclerViewAdapter.notifyDataSetChanged();//刷新适配器
  85. } else {
  86. Toast.makeText(RecycleActivity.this, "没有数据加载了", Toast.LENGTH_SHORT).show();
  87. }
  88. } else {
  89. Toast.makeText(RecycleActivity.this, "没有数据加载了", Toast.LENGTH_SHORT).show();
  90. }
  91. }
  92. }
  93. /**
  94. *
  95. * @param recyclerView 当前滚动的recyclerView
  96. * @param dx 水平滚动距离
  97. * dx > 0 时为手指向左滚动,列表滚动显示右面的内容
  98. * dx < 0 时为手指向右滚动,列表滚动显示左面的内容
  99. * @param dy 垂直滚动距离
  100. * dy > 0 时为手指向上滚动,列表滚动显示下面的内容
  101. * dy < 0 时为手指向下滚动,列表滚动显示上面的内容
  102. */
  103. @Override
  104. public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
  105. super.onScrolled(recyclerView, dx, dy);
  106. //滚动时回调
  107. //最后一个可见Item
  108. Log.e("dx", dx + "");
  109. lastVisibleItem = mLinearLayoutManager.findLastVisibleItemPosition();
  110. }
  111. });
  112. recyclerViewAdapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() {
  113. @Override
  114. public void onItemClick(View view, int position) {
  115. Toast.makeText(RecycleActivity.this, "点击了第" + position + "条", Toast.LENGTH_SHORT).show();
  116. recyclerViewAdapter.addData(position, "我是添加的数据");
  117. }
  118. @Override
  119. public void onItemLongClick(View view, int position) {
  120. Toast.makeText(RecycleActivity.this, "长按了第" + position + "条", Toast.LENGTH_SHORT).show();
  121. recyclerViewAdapter.removeData(position);
  122. }
  123. });
  124. }
  125. private List<String> getData() {
  126. for (int i = 0; i < 10; i++) {
  127. mList.add("测试数据" + i);
  128. // mList.add("照片地址");
  129. }
  130. return mList;
  131. }
  132. }
  133. class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
  134. /**
  135. * 首先要区分头布局、中间布局、尾布局三种不同的type,通过设置一个int值来判断不同的布局
  136. * 通过getItemViewType来返回type
  137. * 在onCreateViewHolder中根据不同的viewType显示不同的布局
  138. * 在onBindViewHolder根据不同的holder加载不同的数据
  139. * 注意:
  140. * 1、getItemCount这里需要返回的集合的数量+header数量+footer数量
  141. * 2、当content布局中加载数据是通过position获取数据时需要将position-1
  142. */
  143. private List<String> mList;
  144. private Context mContext;
  145. private OnItemClickListener mOnItemClickListener;
  146. public static final int ITEM_TYPE_CONTENT = 0;
  147. public static final int ITEM_TYPE_FOOTER = 1;
  148. public static final int ITEM_TYPE_HEADER = 2;
  149. private int footerCount = 1;
  150. private int headerCount = 1;
  151. public RecyclerViewAdapter(List<String> mList, Context mContext) {
  152. //大部分只有数据与上下文
  153. this.mList = mList;
  154. this.mContext = mContext;
  155. }
  156. public void setOnItemClickListener(OnItemClickListener mOnItemClickListener) {
  157. this.mOnItemClickListener = mOnItemClickListener;
  158. }
  159. /**
  160. * 删除某条数据
  161. *
  162. * @param position
  163. */
  164. public void removeData(int position) {
  165. notifyItemRemoved(position);
  166. mList.remove(position);
  167. notifyItemRangeChanged(position, mList.size());
  168. }
  169. /**
  170. * 在指定position添加数据
  171. *
  172. * @param position
  173. */
  174. public void addData(int position, String msg) {
  175. notifyItemInserted(position);
  176. if (mList == null) {
  177. mList = new ArrayList<>();
  178. }
  179. if (position < mList.size()) {
  180. //说明这里是第一条
  181. mList.add(position, msg);
  182. } else {
  183. mList.add(msg);
  184. position = mList.size() - 1;
  185. }
  186. notifyItemRangeChanged(position, mList.size());
  187. }
  188. @Override
  189. public int getItemViewType(int position) {
  190. if (isHeaderView(position)) {
  191. return ITEM_TYPE_HEADER;
  192. } else if (isFooterView(position)) {
  193. return ITEM_TYPE_FOOTER;
  194. } else {
  195. return ITEM_TYPE_CONTENT;
  196. }
  197. }
  198. @Override
  199. public void onAttachedToRecyclerView(@NonNull RecyclerView recyclerView) {
  200. RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
  201. if (manager instanceof GridLayoutManager) {
  202. //通过强转将manager转换成GridLayoutManager类型
  203. final GridLayoutManager gridLayoutManager = (GridLayoutManager) manager;
  204. //通过setSpanSizeLookup重新设置显示的列数
  205. gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
  206. @Override
  207. public int getSpanSize(int position) {
  208. //通过判断当前view是否是footer、header
  209. //若是footer、header则占取整列,否则占取自己列
  210. return (isHeaderView(position) || isFooterView(position)) ? gridLayoutManager.getSpanCount() : 1;
  211. }
  212. });
  213. }
  214. }
  215. @NonNull
  216. @Override
  217. public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) {
  218. /**
  219. * 主要负责把加载子项的布局
  220. * 将xml定义的布局实例化为view对象
  221. */
  222. if (viewType == ITEM_TYPE_FOOTER) {
  223. View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_footer_item, viewGroup, false);
  224. return new FooterViewHolder(view);
  225. } else if (viewType == ITEM_TYPE_HEADER) {
  226. View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_header_item, viewGroup, false);
  227. return new HeaderViewHolder(view);
  228. } else if (viewType == ITEM_TYPE_CONTENT) {
  229. View view = LayoutInflater.from(mContext).inflate(R.layout.recyclerview_item, viewGroup, false);
  230. return new ContentViewHolder(view);
  231. }
  232. return null;
  233. }
  234. @Override
  235. public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
  236. //主要负责绑定数据
  237. if (holder instanceof HeaderViewHolder) {
  238. } else if (holder instanceof FooterViewHolder) {
  239. } else if (holder instanceof ContentViewHolder) {
  240. // Glide.with(mContext).load(mList.get(position-1)).into(((ContentViewHolder) holder).ivImage);
  241. ((ContentViewHolder) holder).tvItem.setText(mList.get(position - 1));
  242. ((ContentViewHolder) holder).llLayout.setOnClickListener(new View.OnClickListener() {
  243. @Override
  244. public void onClick(View v) {
  245. if (mOnItemClickListener != null) {
  246. mOnItemClickListener.onItemClick(((ContentViewHolder) holder).llLayout, position - 1);
  247. }
  248. }
  249. });
  250. ((ContentViewHolder) holder).llLayout.setOnLongClickListener(new View.OnLongClickListener() {
  251. @Override
  252. public boolean onLongClick(View v) {
  253. if (mOnItemClickListener != null) {
  254. mOnItemClickListener.onItemLongClick(((ContentViewHolder) holder).llLayout, position - 1);
  255. }
  256. return true;
  257. }
  258. });
  259. }
  260. }
  261. @Override
  262. public int getItemCount() {
  263. //返回集合的数量
  264. return mList.size() + headerCount + footerCount;
  265. }
  266. class HeaderViewHolder extends RecyclerView.ViewHolder {
  267. public HeaderViewHolder(@NonNull View itemView) {
  268. super(itemView);
  269. }
  270. }
  271. class FooterViewHolder extends RecyclerView.ViewHolder {
  272. public FooterViewHolder(@NonNull View itemView) {
  273. super(itemView);
  274. }
  275. }
  276. class ContentViewHolder extends RecyclerView.ViewHolder {
  277. // private final ImageView ivImage;
  278. private final TextView tvItem;
  279. private final LinearLayout llLayout;
  280. public ContentViewHolder(@NonNull View itemView) {
  281. super(itemView);
  282. tvItem = (TextView) itemView.findViewById(R.id.tv_item);
  283. llLayout = (LinearLayout) itemView.findViewById(R.id.ll_layout);
  284. // ivImage = (ImageView) itemView.findViewById(R.id.iv_image);
  285. }
  286. }
  287. /**
  288. * 通过在adapter定义接口实现回调
  289. */
  290. public interface OnItemClickListener {
  291. //点击事件
  292. void onItemClick(View view, int position);
  293. //长按点击事件
  294. void onItemLongClick(View view, int position);
  295. }
  296. /**
  297. * 判断当前 item 是否是 FooterView
  298. */
  299. public boolean isFooterView(int position) {
  300. return footerCount != 0 && position >= (footerCount + mList.size());
  301. }
  302. /**
  303. * 判断当前 item 是否是 HeaderView
  304. */
  305. public boolean isHeaderView(int position) {
  306. return headerCount != 0 && position < headerCount;
  307. }
  308. }
  309. class SpaceItemDecoation extends RecyclerView.ItemDecoration {
  310. private int space;
  311. public SpaceItemDecoation(int space) {
  312. this.space = space;
  313. }
  314. @Override
  315. public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
  316. super.getItemOffsets(outRect, view, parent, state);
  317. //如果不是第一个盒子设置一个居左和居下的边距
  318. outRect.left = space;
  319. outRect.bottom = space;
  320. //大部分的需求都是3个 因为第一个都是你设置个数的倍数,所以通过取余来将左边距设置为0
  321. if (parent.getChildLayoutPosition(view) % 3 == 0) {
  322. outRect.left = 0;
  323. }
  324. }
  325. }

三、RecyclerView的缓存机制

RecyclerView和ListView的回收机制非常相似,但是ListView是以View作为单位进行回收,RecyclerView是以ViewHolder作为单位进行回收。相比于ListView,RecyclerView的回收机制更为完善

Recycler是RecyclerView回收机制的实现类,他实现了四级缓存:

  • mAttachedScrap: 缓存在屏幕上的ViewHolder。
  • mCachedViews: 缓存屏幕外的ViewHolder,默认为2个。ListView对于屏幕外的缓存都会调用getView()。
  • mViewCacheExtensions: 需要用户定制,默认不实现。
  • mRecyclerPool: 缓存池,多个RecyclerView共用。

要想理解RecyclerView的回收机制,我们就必须从其数据展示谈起,我们都知道RecyclerView使用LayoutManager管理其数据布局的显示。

发表评论

表情:
评论列表 (有 0 条评论,338人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Android RecyclerView

    该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列。该系列引用了《Android开发艺术探索》以及《深入理解