RecyclerView多视图类型适配：不同JSON数据源绑定异常求助

嘿，我来帮你搞定这个RecyclerView多类型数据绑定的问题！你现在的问题根源在于把两种不同类型的数据分开存储，Adapter没法统一识别每个位置对应的数据和视图类型。咱们可以通过统一数据模型+多ViewHolder的方式来解决，具体步骤如下：

1. 创建通用数据接口，统一两种数据类型 #

首先定义一个接口，让Article和YouTubeItem都实现它，这样就能把它们放到同一个列表里管理：

// 定义通用数据接口，标记每个项的类型
public interface IRecyclerItem {
    int ItemType { get; }
}

// 让Article实现接口，标记为类型0
public class Article : IRecyclerItem {
    // 保留你原有Article类的所有属性
    public string Title { get; set; }
    // ...其他属性

    public int ItemType => 0;
}

// 让YouTubeItem实现接口，标记为类型1
public class YouTubeItem : IRecyclerItem {
    // 保留你原有YouTubeItem类的所有属性
    public string VideoTitle { get; set; }
    // ...其他属性

    public int ItemType => 1;
}

2. 修改Adapter的数据源为统一列表 #

把原来分开的Article[]和List<YouTubeItem>替换成List<IRecyclerItem>，并在构造函数里合并两种数据：

public class SimpleStringRecyclerViewAdapter : RecyclerView.Adapter {
    private List<IRecyclerItem> mItems;
    Context context;

    public SimpleStringRecyclerViewAdapter(Context context, Article[] articles, List<YouTubeItem> youtubeItems) {
        this.context = context;
        mItems = new List<IRecyclerItem>();
        
        // 合并Article数据
        if (articles != null) {
            mItems.AddRange(articles);
        }
        // 合并YouTubeItem数据
        if (youtubeItems != null) {
            mItems.AddRange(youtubeItems);
        }
    }

3. 重写GetItemViewType方法，返回项的类型 #

这个方法告诉RecyclerView每个位置应该加载哪种视图：

public override int GetItemViewType(int position) {
    return mItems[position].ItemType;
}

4. 创建对应类型的ViewHolder #

为每种数据类型创建专属的ViewHolder，用来绑定对应的视图控件：

// Article对应的ViewHolder
public class ArticleViewHolder : RecyclerView.ViewHolder {
    public TextView ArticleTitle { get; private set; }

    public ArticleViewHolder(View itemView) : base(itemView) {
        // 根据你的布局ID获取控件
        ArticleTitle = itemView.FindViewById<TextView>(Resource.Id.tv_article_title);
        // 初始化其他需要的控件...
    }
}

// YouTubeItem对应的ViewHolder
public class YouTubeViewHolder : RecyclerView.ViewHolder {
    public TextView VideoTitle { get; private set; }

    public YouTubeViewHolder(View itemView) : base(itemView) {
        // 根据你的布局ID获取控件
        VideoTitle = itemView.FindViewById<TextView>(Resource.Id.tv_youtube_title);
        // 初始化其他需要的控件...
    }
}

5. 重写OnCreateViewHolder，创建对应视图 #

根据ItemViewType加载不同的布局并创建对应的ViewHolder：

public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int viewType) {
    View itemView;
    if (viewType == 0) {
        // 加载Article的布局文件
        itemView = LayoutInflater.From(context).Inflate(Resource.Layout.item_article, parent, false);
        return new ArticleViewHolder(itemView);
    } else {
        // 加载YouTubeItem的布局文件
        itemView = LayoutInflater.From(context).Inflate(Resource.Layout.item_youtube, parent, false);
        return new YouTubeViewHolder(itemView);
    }
}

6. 重写OnBindViewHolder，绑定对应数据 #

根据ViewHolder的类型和数据类型，把数据绑定到对应的控件上：

public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    var currentItem = mItems[position];
    
    // 绑定Article数据
    if (holder is ArticleViewHolder articleHolder && currentItem is Article article) {
        articleHolder.ArticleTitle.Text = article.Title;
        // 其他Article数据绑定逻辑...
    }
    // 绑定YouTubeItem数据
    else if (holder is YouTubeViewHolder youtubeHolder && currentItem is YouTubeItem youtubeItem) {
        youtubeHolder.VideoTitle.Text = youtubeItem.VideoTitle;
        // 其他YouTubeItem数据绑定逻辑...
    }
}

// 返回总项数
public override int ItemCount => mItems?.Count ?? 0;
}

这样修改后，你的Adapter就能正确识别每个位置的数据类型，并绑定对应的视图了。核心思路就是用统一的接口把不同数据类型整合到一个列表，通过ItemViewType区分视图，再用不同的ViewHolder处理各自的数据绑定。

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