Xamarin.Android中RecyclerView实现带详情列表的分组标题问题

嘿，我明白你现在的困扰——想在Xamarin.Android的RecyclerView里实现带分组标题+多子项的效果，之前能搞定单个子项，但嵌套列表就卡壳了对吧？别担心，咱们一步步来解决这个问题！

RecyclerView本身不直接支持分组，但我们可以通过区分Item类型来实现——把每个分组的标题当作一种Item，每个子项当作另一种Item，然后在Adapter里处理这两种类型的创建和绑定。

第一步：准备两种布局文件 #

首先需要两个布局，分别对应标题项和子项：

标题项布局（item_group_header.xml） #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#f5f5f5"
    android:padding="16dp">
    <TextView
        android:id="@+id/tv_header_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textStyle="bold"
        android:textColor="#333333"/>
</LinearLayout>

子项布局（item_detail_item.xml） #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="12dp"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv_detail_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:textColor="#666666"/>
    <!-- 这里可以根据你的Detail实体添加更多控件，比如价格、时间等 -->
</LinearLayout>

第二步：定义Item类型与统一数据模型 #

我们需要一个枚举来标记Item是标题还是子项，再创建一个通用类来封装不同类型的数据：

// 标记Item类型的枚举
public enum GroupItemType
{
    Header,
    Detail
}

// 统一的RecyclerView Item模型
public class GroupRecyclerViewItem
{
    public GroupItemType ItemType { get; set; }
    public object Data { get; set; } // 存储对应的主项或子项数据
}

第三步：创建对应的ViewHolder #

ViewHolder是RecyclerView用来复用Item的关键，我们需要为标题和子项分别创建ViewHolder：

// 标题项的ViewHolder
public class HeaderViewHolder : RecyclerView.ViewHolder
{
    public TextView HeaderTitle { get; private set; }

    public HeaderViewHolder(View itemView) : base(itemView)
    {
        HeaderTitle = itemView.FindViewById<TextView>(Resource.Id.tv_header_title);
    }
}

// 子项的ViewHolder
public class DetailViewHolder : RecyclerView.ViewHolder
{
    public TextView DetailContent { get; private set; }

    public DetailViewHolder(View itemView) : base(itemView)
    {
        DetailContent = itemView.FindViewById<TextView>(Resource.Id.tv_detail_content);
    }
}

第四步：实现分组Adapter #

接下来核心的Adapter部分，我们要把原始的主项列表（每个主项带子项列表）转换成统一的GroupRecyclerViewItem列表，然后处理不同类型的Item创建和绑定：

public class GroupedRecyclerViewAdapter : RecyclerView.Adapter
{
    private List<GroupRecyclerViewItem> _allItems;

    // 构造函数：传入你的主项列表，转换成统一Item列表
    public GroupedRecyclerViewAdapter(List<MainItem> mainItems)
    {
        _allItems = new List<GroupRecyclerViewItem>();
        
        foreach (var mainItem in mainItems)
        {
            // 先添加当前主项的标题
            _allItems.Add(new GroupRecyclerViewItem
            {
                ItemType = GroupItemType.Header,
                Data = mainItem
            });
            
            // 再添加该主项下的所有子项
            foreach (var detail in mainItem.DetailOrders)
            {
                _allItems.Add(new GroupRecyclerViewItem
                {
                    ItemType = GroupItemType.Detail,
                    Data = detail
                });
            }
        }
    }

    // 返回Item总数
    public override int ItemCount => _allItems.Count;

    // 返回当前位置的Item类型
    public override int GetItemViewType(int position)
    {
        return (int)_allItems[position].ItemType;
    }

    // 创建对应的ViewHolder
    public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int viewType)
    {
        LayoutInflater inflater = LayoutInflater.From(parent.Context);
        View itemView;

        if (viewType == (int)GroupItemType.Header)
        {
            itemView = inflater.Inflate(Resource.Layout.item_group_header, parent, false);
            return new HeaderViewHolder(itemView);
        }
        else
        {
            itemView = inflater.Inflate(Resource.Layout.item_detail_item, parent, false);
            return new DetailViewHolder(itemView);
        }
    }

    // 绑定数据到ViewHolder
    public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
    {
        var currentItem = _allItems[position];

        if (currentItem.ItemType == GroupItemType.Header)
        {
            var headerHolder = holder as HeaderViewHolder;
            var mainItem = currentItem.Data as MainItem;
            
            // 绑定标题数据，这里用你的IdDescription作为标题
            headerHolder.HeaderTitle.Text = mainItem.IdDescription;
        }
        else
        {
            var detailHolder = holder as DetailViewHolder;
            var detailItem = currentItem.Data as Detail;
            
            // 绑定子项数据，替换成你的Detail实体的属性，比如Detail的名称、描述等
            detailHolder.DetailContent.Text = detailItem.YourDetailProperty; // 这里改成你的字段名
        }
    }
}

第五步：在Activity/Fragment中使用Adapter #

最后就是在界面里初始化RecyclerView并设置Adapter：

// 假设你的RecyclerView在布局里的id是recyclerView_grouped
var recyclerView = FindViewById<RecyclerView>(Resource.Id.recyclerView_grouped);
// 设置布局管理器，用线性布局即可
recyclerView.SetLayoutManager(new LinearLayoutManager(this));

// 你的主项数据源，比如从接口获取或者本地生成的List<MainItem>
List<MainItem> myMainItems = GetYourMainItems(); 

// 创建并设置Adapter
var adapter = new GroupedRecyclerViewAdapter(myMainItems);
recyclerView.SetAdapter(adapter);

额外提示 #

如果你的DetailOrders是ObservableCollection，想要监听子项数据变化自动刷新Adapter的话，可以在Adapter里给每个主项的DetailOrders添加集合变化监听，当子项增删时更新_allItems并调用NotifyDataSetChanged()或者更精细的刷新方法。

如果之后需要实现分组的折叠/展开功能，只需要在标题项的点击事件里，控制对应子项的显示/隐藏，然后更新_allItems并刷新Adapter即可。

内容的提问来源于stack exchange，提问作者JeffreyM