Различные типы представлений в обзоре утилит с помощью GridLayoutManager - PullRequest
Новая
       17

Различные типы представлений в обзоре утилит с помощью GridLayoutManager

1 голос
/ 08 апреля 2019

Я знаю, что многие задавали этот вопрос раньше, у меня тоже есть приложение для чата, которое использует recyclerview для показа чатов, я использую view types, выбираю макет сообщения в зависимости от отправителя, но я чувствую,этот вопрос другой.

У меня есть Recyclerview, который отображает контент с GridLayoutManager , вот изображение, показывающее, что , на моем изображении у меня есть 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);

Ответы [ 2 ]

0 голосов
/ 08 апреля 2019

Вы можете использовать счетчик промежутков, как 

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;
    }
});
0 голосов
/ 08 апреля 2019

Вы можете использовать Диспетчер разметки решетчатой ​​сетки в соответствии с вашим вопросом @ Обри, 

//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);
...