Android Xamarin RecyclerView布局异常：图片重复显示及行数过多求助

首先得明确你遇到的核心问题：RecyclerView的Adapter逻辑和行布局的设计完全不匹配，才导致了这种异常显示。

为什么会出现6行、每行3张重复图？ #

你写的行布局里包含了3个ImageView，本意是用来展示「一行3张图」，但你的Adapter却把每张图片都当成了一个独立的RecyclerView Item来处理——比如你的数据源是6张图，GetItemCount返回了6，RecyclerView就会为每个Item实例化一次你的行布局（这就是LayoutInflater执行6次的原因），然后在绑定数据时，你把当前Item对应的图片同时设置给了行里的3个ImageView，自然就出现了每行3张重复图、一共6行的结果。

两种解决思路，推荐第二种更简洁的方案 #

方案1：适配现有行布局，手动分组数据源

如果你想继续用当前包含3个ImageView的行布局，可以按以下步骤调整：

• 第一步：分组数据源：把6张图分成2组，每组3张。比如用LINQ的Batch方法（需要引用System.Linq）：

  var groupedImages = yourImageList.Batch(3).ToList();
  

• 第二步：修改Adapter：
  • GetItemCount返回分组后的数量（也就是2）；
  • 在OnBindViewHolder中，获取当前组的3张图，分别设置到ViewHolder的img1_rec_profile_rows、img2_rec_profile_rows、img3_rec_profile_rows三个ImageView上。
• 这样RecyclerView只会创建2个行布局，每行显示3张不同的图。

方案2：改用GridLayoutManager（更推荐，符合RecyclerView最佳实践）

这种方式更灵活，不需要手动处理分组，RecyclerView会自动帮你排列每行3个Item：

1. 修改行布局：把原来包含3个ImageView的布局改成单个ImageView的布局，这样每个Item对应一张图：

   <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content">
       <ImageView
           android:id="@+id/img_rec_profile"
           android:layout_width="200dp"
           android:layout_height="200dp" />
   </android.support.v7.widget.CardView>
   

2. 设置RecyclerView的LayoutManager：在初始化RecyclerView时，指定GridLayoutManager并设置SpanCount=3（每行3个Item）：

   // 假设this是Activity或Context
   recyclerView.SetLayoutManager(new GridLayoutManager(this, 3));
   

3. 调整Adapter逻辑：
   • GetItemCount直接返回图片总数（6）；
   • 在OnBindViewHolder中，只需要把当前position对应的图片设置到单个ImageView上即可。

这样RecyclerView会自动帮你每行排列3张图，第4张自动换行，完全符合你的需求，而且以后如果图片数量变化（比如7张），最后一行会自动显示剩余的1张，不需要修改任何分组逻辑。

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