RecyclerView StaggeredGridLayoutManager瀑布流实现中遇到的问题

1、下面的代码主要是用于布局错乱后，自动修复，以及防止item左右交换的问题。在我遇到的问题当中，如果只setGapStrategy，会导致列表往回滑动时，顶部出现空白的问题。所以需要开启系统自动计算。

StaggeredGridLayoutManager layoutManager =
        new StaggeredGridLayoutManager(SPAN_COUNT, StaggeredGridLayoutManager.VERTICAL);
    // 开启系统自动计算，列表机制默认开启状态。
    layoutManager.setAutoMeasureEnabled(true);
    // 防止item交换位置
    layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);

2、使用了以上的代码仍然无法解决布局闪动和错乱的问题，那是因为每个item高度不一样，如果现在你看到第100个item了，在列表中间插入数据，如果使用adapter…notifyDataSetChanged()进行全局刷新的话，就会导致布局以当前的posion开始重绘加载。所以你往回滑的时候是不断的逐步往上绘制的，这就导致了绘制到position==0的时候，顶部会有剩余空间。造成的原因就是我们执行插入数据或者是添加数据时，执行了全局刷新操作导致的。所以插入数据请使用adapter.notifyItemRangeInserted(startPosition, count);和adapter…notifyItemInserted(position);代替，即可解决。

3、为瀑布流增加分隔线问题，大家都知道是在getItemOffsets方法里面完成的操作。但是问题却出在这里，因为我遇到的瀑布流是那种不规则的瀑布流。

假如展示的是两竖列的瀑布流，列表里的索引号是：0、1、2、3、4、5、6、7、8、9
先来说说什么是规则的瀑布流：就是每个item大小高度一样，布局就是左边0，右边1，左边2，右边3，左边4，右边5，左边6，右边7，左边8，右边9，就是这样依次排列的，所以我称之为规则的瀑布流。而大部分的贴子都是在里getItemOffsets获取position然后取模计算item是处在左边，还是右边，针对位置不同然后分别设置左边距和右边距。

恰恰我遇到的就是每个item的高度是不一样的，这就导致item的排列索引并不标准，完全无法通过取模的方式来判断item所处的位置，然后再针对位置设置边距。唯一的办法就是，左、右、中间的空间设置成一样的，以解决此问题。否则按照取模的方式，布局就不整齐。那么有人肯定会问，我做的UI左右边距都是15dp，而中间是10dp，那要怎么搞呢？最简单的方法，我的建议是，从产品的角度解决，用你的魅力让产品折服，让左、中、右间距相同^_。

package oliver.zhantao.oliverframe.decoration;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.util.TypedValue;
import android.view.View;

import androidx.recyclerview.widget.RecyclerView;

/**
 * Created by Oliver on 2020/12/30.
 */

public class StaggeredDividerItemDecoration extends RecyclerView.ItemDecoration {
    
    

  private int mDividerWidth;
  private int mDividerBottom;

  /**
   * 上下文
   * @param context
   */
  public StaggeredDividerItemDecoration(Context context) {
    
    
    mDividerWidth =
        (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 7, context.getResources().getDisplayMetrics());
    mDividerBottom =
        (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 30, context.getResources().getDisplayMetrics());
  }

  @Override
  public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
    
    

    // item左右两边的间隔
    outRect.left = mDividerWidth;
    outRect.right = mDividerWidth;

    // item下方的间隔
    outRect.bottom = mDividerBottom;
  }

  @Override
  public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
    
    
    super.onDraw(c, parent, state);
  }
}

作者：沧水巫云
博客：http://blog.csdn.NET/amir_zt/
以上原创，转载请注明出处，谢谢。
https://blog.csdn.net/amir_zt/article/details/111951147

RecyclerView StaggeredGridLayoutManager瀑布流实现中遇到的问题

猜你喜欢