RecyclerView 瀑布流错乱

最新推荐文章于 2023-12-07 17:26:04 发布

菜小徐

最新推荐文章于 2023-12-07 17:26:04 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android错误文章标签：瀑布流错乱瀑布流留白 RecyclerView 错乱

本文链接：https://blog.youkuaiyun.com/u010629285/article/details/93342361

Android错误专栏收录该内容

1 篇文章

订阅专栏

博客记录了瀑布流错乱问题，因Item中图片宽高不固定，加载后计算，复用子View时重新排版致展示偏差、错乱留白。解决办法包括先计算布局尺寸、滚到顶部处理留白、加载数据注意刷新，可将notifyDataSetChanged()替换为notifyItemRangeInserted()进行局部刷新等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录一下，瀑布流错乱问题

问题

主要是在Item中图片并不会固定宽高，而是在加载后再去计算的，所以在复用子View时不断的进行重新排版，导致最后展示时出现了偏差，也就是错乱留白。

解决办法

解决办法也就是针对布局和留白去进行处理，总的来说这几句话：在布局时先计算布局尺寸，在滚到顶部时处理留白，在加载数据时注意刷新(刷新会重置布局和保存的尺寸)。

以下解决方法可重叠使用。

layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);

按照图片的宽高，在界面加载前，先设置ImageView的布局

if (items.get(position).getHeight() > 0) {
            ViewGroup.LayoutParams layoutParams = imageView.getLayoutParams();
            layoutParams.height = items.get(position).getHeight();
        }

        Glide.with(context).load(items.get(position).getImg_url()).asBitmap()
                .into(new SimpleTarget<Bitmap>(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) {
                    @Override
                    public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                        if (position != RecyclerView.NO_POSITION) {
                            if (items.get(position).getHeight() <= 0) {
                                int imageWidth = resource.getWidth();
                                int imageHeight = resource.getHeight();
                                int width = (ScreenUtils.getScreenWidth(context) - DensityUtil.dip2px(context, 30)) / 2;
                                //宽度固定,然后根据原始宽高比得到此固定宽度需要的高度
                                int height = width * imageHeight / imageWidth;
                                LogUtils.e("设置的高：" + height);
                                items.get(position).setHeight(height);
                                ViewGroup.LayoutParams para = item_note_img_iv.getLayoutParams();
                                para.height = height;
                                para.width = width;
                            }
                            imageView.setImageBitmap(resource);
                        }
                    }
                });

实际上解决错乱与留白的问题主要原因在于加载更多数据之后使用的是notifyDataSetChanged()该方法将刷新一整个Recycleview的数据；所以解决方案将 notifyDataSetChanged()替换成 notifyItemRangeInserted(int positionStart, int itemCount)进行新增数据局部刷新。

第四种方法就是在滚动到顶部时，进行留白处理

//防止顶部空白
recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
	@Override
	public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
		super.onScrollStateChanged(recyclerView, newState);
        //2为列数
		int[] first = new int[2];
		layoutManager.findFirstCompletelyVisibleItemPositions(first);
		if (newState == RecyclerView.SCROLL_STATE_IDLE ){
			if (first[0] == 1 || first[1] == 1) {
				layoutManager.invalidateSpanAssignments();
			}
		}
	}
});

还有一种方法说是重写getItemViewType，但我没试过

@Override
public int getItemViewType(int position) {
      return Math.round((float) App.SCREEN_WIDTH / (float)         
      mList.get(position).getHeight() * 10f);
}