使用GridLayoutManager在recyclerview中的不同视图类型

Question

我知道很多人之前已经问过这个问题了，事实上我已经开发了一个使用recyclerview来显示聊天的聊天应用程序，我使用view types根据发件人选择邮件布局，但我觉得这个问题有所不同。

我有一个Recyclerview显示内容与GridLayoutManager heres an image to show that，在我的图像我有3项; A，B和C，我希望C符合宽度，我真的不确定这是否可以用视图类型实现，下面是我的适配器代码

适配器：

public class StoreDisplayItemAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {


private Context context;
private ArrayList<StoreDisplayProduct> products;
private Interfaces.OnItemClickedListener onItemClickedListener;


public StoreDisplayItemAdapter(Context context, ArrayList<StoreDisplayProduct> products, Interfaces.OnItemClickedListener onItemClickedListener) {
    this.context = context;
    this.products = products;
    this.onItemClickedListener = onItemClickedListener;
}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    LayoutInflater inflater = LayoutInflater.from(parent.getContext());
    return new ItemViewHolder(inflater.inflate(R.layout.store_display_item, parent, false));
}

public StoreDisplayProduct getProductsItem(int pos) {
    return products.get(pos);
}

public void setProducts(ArrayList<StoreDisplayProduct> products) {
    this.products = products;
    notifyDataSetChanged();
}

@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
    StoreDisplayProduct product = getProductsItem(position);
    ItemViewHolder viewHolder = (ItemViewHolder) holder;
    viewHolder.txtProductType.setText(product.getProductTypeDisplayName());
    viewHolder.txtName.setText(product.getName());
    viewHolder.img.post(() -> Picasso.with(context)
            .load(product.getDisplayImage().getFullSize())
            .fit()
            .transform(new RoundedCornersTransformation(10,10))
            .placeholder(R.color.asbestos)
            .centerCrop()
            .into(viewHolder.img));

}


@Override
public int getItemCount() {
    return this.products.size();
}


public class ItemViewHolder extends RecyclerView.ViewHolder {

    @BindView(R.id.txtProductType)
    TextView txtProductType;
    @BindView(R.id.img)
    SquareImageView img;
    @BindView(R.id.txtName)
    TextView txtName;
    public ItemViewHolder(View itemView) {
        super(itemView);
        ButterKnife.bind(this, itemView);

        itemView.setOnClickListener(v -> {
            onItemClickedListener.onItemClicked(v, getAdapterPosition());
        });
    }
}


}

以及我如何使用适配器

    recyclerStoreDisplayProducts.setAdapter(storeDisplayItemAdapter);
    recyclerStoreDisplayProducts.setLayoutManager(new GridLayoutManager(getContext(), 2));
    recyclerStoreDisplayProducts.setHasFixedSize(true);
    recyclerStoreDisplayProducts.setNestedScrollingEnabled(true);

Answer 1

您可以根据问题@Aubry使用交错网格布局管理器，

//you need to add the code for creating a staggered layout manager
recyclerStoreDisplayProducts.setAdapter(storeDisplayItemAdapter);
StaggeredGridLayoutManager staggeredGridLayoutManager = new 
StaggeredGridLayoutManager(mNoOfColumns,StaggeredGridLayoutManager.HORIZONTAL); 
recyclerStoreDisplayProducts.setHasFixedSize(true);
recyclerStoreDisplayProducts.setNestedScrollingEnabled(true);
recyclerStoreDisplayProducts.setLayoutManager(staggeredGridLayoutManager);

Answer 2

您可以使用跨度计数

GridLayoutManager layoutManager = new GridLayoutManager(this, 4);
layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        if (position<3)
            return 1;
        else
            return 2;
    }
});