目前我正在探索更多关于 RecyclerView 和 GridLayoutManager 的内容,并尝试为画廊显示实现一个漂亮的 UI,但我在 GridLayoutManager 的跨度大小方面遇到了一些问题。作为documentation说: 默认情况下,每个项目占用 1 个跨度。您可以通过 setSpanSizeLookup(SpanSizeLookup) 提供自定义 GridLayoutManager.SpanSizeLookup 实例来更改它。
有了这个,我希望如果我将位置 0 的项目的跨度设置为 2,它也会将 colspan 和 rowspan 设置为 2,但它似乎不能那样工作。我将 GridLayoutManager 的纵向列数设置为 2,横向列数设置为 4。它非常适合纵向,但不适用于横向,因为它在第 2 项和第 3 项下方创建了 2 个空单元格,我猜第 1 项没有获得 2 的行跨度,否则它真的会留下一个空单元格。
这是我的代码:
gallery = new ArrayList<HashMap<String, String>>();
adapter = new GalleryAdapter(getBaseContext(), gallery);
// using grid layout manager
GridLayoutManager mLayoutManager = new GridLayoutManager(this, getResources().getInteger(R.integer.col_count));
mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
switch(adapter.getItemViewType(position)){
case 2:
return 2;
case 1:
return 1;
default:
return -1;
}
}
});
list_news.setLayoutManager(mLayoutManager);
list_news.setAdapter(adapter);
适配器:
public class GalleryAdapter extends RecyclerView.Adapter<GalleryAdapter.ViewHolder> {
Context context;
ArrayList<HashMap<String, String>> article;
ImageLoader mImageLoader;
@Override
public int getItemCount() {
return article.size();
}
public GalleryAdapter(Context context, ArrayList<HashMap<String, String>> article){
this.context = context;
this.article = article;
}
// Create new views (invoked by the layout manager)
@Override
public GalleryAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
// create a new view
View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.articles_item, parent, false);
// set the view's size, margins, paddings and layout parameters
ViewHolder vh = new ViewHolder(v);
return vh;
}
@Override
public int getItemViewType(int position) {
// Just as an example, return 0 or 2 depending on position
// Note that unlike in ListView adapters, types don't have to be contiguous
if(position==0){
return 2;
}else{
return 1;
}
}
// Replace the contents of a view (invoked by the layout manager)
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
// - get element from your dataset at this position
// - replace the contents of the view with that element
mImageLoader = VolleyQueue.getInstance(context).getImageLoader();
holder.image.setImageUrl(article.get(position).get("image"), mImageLoader);
holder.image.setDefaultImageResId(R.drawable.test);
}
static class ViewHolder extends RecyclerView.ViewHolder {
@Bind(R.id.image) NetworkImageView image;
public ViewHolder(View view) {
super(view);
ButterKnife.bind(this, view);
}
}
}
下面是横向和纵向的结果截图:
有什么方法可以避免出现空白单元格吗?
更新:
为了更好地形象化我想要实现的目标,这里有一张我希望横向模式的图片。数字是基于预期位置的项目。
最佳答案
将您的 SpanSizeLookup
代码更改为
mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
return adapter.getItemViewType(position);
}
});
并将你的适配器的getItemViewType
代码放入
@Override
public int getItemViewType(int position) {
if (position == 0) {
return context.getResources().getInteger(R.integer.col_count);
} else {
return 1;
}
}
关于android - GridLayoutManager setSpanSizeLookup 创建空白单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32366412/