android recyclerview item 大小不一-CFANZ编程社区

实现 Android RecyclerView Item 大小不一的教程

在Android开发中，RecyclerView是一种非常常用的控件，用于展示大数据列表。实现大小不一的RecyclerView每个项（Item）是一个重要的功能。本文将详细介绍如何实现这一功能。

实现流程

下面是实现 RecyclerView 项目大小不一的整体流程，我们将分为以下几个步骤：

步骤	描述
1	创建 RecyclerView 和适配器
2	创建不同大小的 item 布局文件
3	在适配器中实现 getItemViewType 方法
4	在适配器中实现 onCreateViewHolder
5	在适配器中实现 onBindViewHolder
6	根据不同条件设置 Item 的高度

详细步骤

1. 创建 RecyclerView 和适配器

首先，在你的布局文件中创建一个 RecyclerView：

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

然后创建一个适配器：

public class CustomAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private List<ItemModel> itemList;

    public CustomAdapter(List<ItemModel> itemList) {
        this.itemList = itemList;
    }

    @Override
    public int getItemViewType(int position) {
        // 根据你的逻辑返回不同的 view type
        return itemList.get(position).getItemType();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // 根据 view type 返回不同的 ViewHolder
        if (viewType == ItemModel.TYPE_ONE) {
            View view = LayoutInflater.from(parent.getContext())
                  .inflate(R.layout.item_type_one, parent, false);
            return new TypeOneViewHolder(view);
        } else {
            View view = LayoutInflater.from(parent.getContext())
                  .inflate(R.layout.item_type_two, parent, false);
            return new TypeTwoViewHolder(view);
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        // 绑定数据
        ItemModel item = itemList.get(position);
        if (holder instanceof TypeOneViewHolder) {
            ((TypeOneViewHolder) holder).bind(item);
        } else {
            ((TypeTwoViewHolder) holder).bind(item);
        }
    }

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

2. 创建不同大小的 item 布局文件

你需要为不同类型的 Item 创建不同的布局文件，在 res/layout 文件夹下创建 item_type_one.xml 和 item_type_two.xml 文件，例如：

item_type_one.xml:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <TextView
        android:id="@+id/item_title"
        android:layout_width="match_parent"
        android:layout_height="30dp"/>
</LinearLayout>

item_type_two.xml:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <TextView
        android:id="@+id/item_title"
        android:layout_width="match_parent"
        android:layout_height="60dp"/>
</LinearLayout>

3. 在适配器中实现 getItemViewType 方法

在适配器中，我们通过getItemViewType方法返回不同的类型，示例代码已在第一步中提供。

4. 在适配器中实现 onCreateViewHolder

在onCreateViewHolder中，我们会根据viewType来创建不同的视图。示例代码已经展示。

5. 在适配器中实现 onBindViewHolder

在onBindViewHolder方法中，我们将数据绑定到视图，这也在初步的例子中涵盖。

6. 根据不同条件设置 Item 的高度

在item_type_one.xml和item_type_two.xml文件中，我们指定了不同的高度属性。

关系图示

以下是用Mermaid语法表示的关系图：

erDiagram
    ITEM_MODEL {
        int id
        string title
        int itemType
    }
    CUSTOM_ADAPTER {
        list<ItemModel> itemList
    }

类图示

以下是用Mermaid语法表示的类图：

classDiagram
    class CustomAdapter {
        +List<ItemModel> itemList
        +getItemViewType(int position)
        +onCreateViewHolder(ViewGroup parent, int viewType)
        +onBindViewHolder(RecyclerView.ViewHolder holder, int position)
        +getItemCount()
    }
    class ItemModel {
        +int id
        +String title
        +int getItemType()
    }