向上滚动时 StaggeredGridLayout 混乱
StaggeredGridLayout messes up when scrolling up
我为我的 RecyclerView
做了这个 StaggeredGridLayout
:
代码如下:
@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, final int position) {
Photo photo = mPhotos.get(position);
TextView titleView = ((CellViewHolder) viewHolder).titleTextView;
titleView.setText(photo.getTitle());
TextView subTitleView = ((CellViewHolder) viewHolder).subtitleTextView;
subTitleView.setText(photo.getName());
Picasso.with(mContext).load(photo.getPhotoUrl()).into(((CellViewHolder) viewHolder).imageView);
ImageView userImageOverlay = ((CellViewHolder) viewHolder).userImageOverlay;
StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams();
if (position == 0 || position % 4 == 0) {
layoutParams.setFullSpan(true);
layoutParams.height = Math.round(Utils.convertDpToPixel(202.67f, mContext));
titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 21.67f);
subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 12.00f);
userImageOverlay.setVisibility(View.VISIBLE);
} else if ((position - 1) % 4 == 0) {
layoutParams.setFullSpan(false);
layoutParams.height = Math.round(Utils.convertDpToPixel(360.00f, mContext));
titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15.00f);
subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10.00f);
userImageOverlay.setVisibility(View.GONE);
} else {
layoutParams.setFullSpan(false);
layoutParams.height = Math.round(Utils.convertDpToPixel(180.00f, mContext));
titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15.00f);
subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10.00f);
userImageOverlay.setVisibility(View.GONE);
}
}
一切正常,除非我向上滚动它。它按位置按降序绘制单元格,并在网格中留下空白空间:
有什么想法即使向上滚动也能保持相同的模式吗?
您需要设置gap strategy
mLayoutMang.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS);
GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS
滚动状态变为空闲时会更新布局
试试这个:
StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
manager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS);
recyclerView.setLayoutManager(manager);
或:
或:github项目Picasso/Glide-RecyclerView-StaggeredGridLayoutManager
我为我的 RecyclerView
做了这个 StaggeredGridLayout
:
代码如下:
@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, final int position) {
Photo photo = mPhotos.get(position);
TextView titleView = ((CellViewHolder) viewHolder).titleTextView;
titleView.setText(photo.getTitle());
TextView subTitleView = ((CellViewHolder) viewHolder).subtitleTextView;
subTitleView.setText(photo.getName());
Picasso.with(mContext).load(photo.getPhotoUrl()).into(((CellViewHolder) viewHolder).imageView);
ImageView userImageOverlay = ((CellViewHolder) viewHolder).userImageOverlay;
StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams();
if (position == 0 || position % 4 == 0) {
layoutParams.setFullSpan(true);
layoutParams.height = Math.round(Utils.convertDpToPixel(202.67f, mContext));
titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 21.67f);
subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 12.00f);
userImageOverlay.setVisibility(View.VISIBLE);
} else if ((position - 1) % 4 == 0) {
layoutParams.setFullSpan(false);
layoutParams.height = Math.round(Utils.convertDpToPixel(360.00f, mContext));
titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15.00f);
subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10.00f);
userImageOverlay.setVisibility(View.GONE);
} else {
layoutParams.setFullSpan(false);
layoutParams.height = Math.round(Utils.convertDpToPixel(180.00f, mContext));
titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15.00f);
subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10.00f);
userImageOverlay.setVisibility(View.GONE);
}
}
一切正常,除非我向上滚动它。它按位置按降序绘制单元格,并在网格中留下空白空间:
有什么想法即使向上滚动也能保持相同的模式吗?
您需要设置gap strategy
mLayoutMang.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS);
GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS
滚动状态变为空闲时会更新布局
试试这个:
StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
manager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS);
recyclerView.setLayoutManager(manager);
或:
或:github项目Picasso/Glide-RecyclerView-StaggeredGridLayoutManager