Android RecyclerView Adapter问题：如何为Actor和Actress生成独立视图

看起来你现在的问题核心是每个RecyclerView Item里的两张图片都加载了同一个分类的图片，而且你希望Actor和Actress各自作为独立的Item展示。咱们一步步来排查和修复：

问题根源分析 #

1. 你的Adapter设计里，每个GetHeadersrcs ViewHolder包含了两个ImageView，但在onBindViewHolder中，你给这两个ImageView都传入了同一个hdata.getCat_image()值——这就导致每个Item里的两张图完全一样。
2. 你的JSON数据源里有两个独立的分类（Actor和Actress），原本应该每个分类对应一个RecyclerView Item，但当前的布局和Adapter逻辑把单个分类的数据塞进了一个包含双图的Item里，完全不符合你的需求。

修复步骤 #

第一步：修改Item布局文件（single_header_design.xml） #

把原本包含两个ImageView的布局，改成单个ImageView（可选加上分类名称的TextView），比如：

<!-- 示例布局，你可以根据自己的UI需求调整 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="8dp">

    <ImageView
        android:id="@+id/circ_image"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="centerCrop"
        android:background="@drawable/circular_background" />

    <TextView
        android:id="@+id/cat_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:textSize="12sp" />
</LinearLayout>

第二步：修改Adapter代码 #

调整ViewHolder结构和绑定逻辑，让每个Item对应一个分类的数据：

package com.example.maztec.celebstars.adapter;
import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import com.bumptech.glide.Glide;
import com.example.maztec.celebstars.Pojodata.HeaderData;
import com.example.maztec.celebstars.R;
import java.util.List;

public class ImageRecyclerAdapter extends RecyclerView.Adapter<ImageRecyclerAdapter.GetHeadersrcs> {
    private Context context;
    private List<HeaderData> Hsrcs;

    public ImageRecyclerAdapter(Context context, List<HeaderData> hsrcs) {
        this.context = context;
        Hsrcs = hsrcs;
    }

    @NonNull
    @Override
    public ImageRecyclerAdapter.GetHeadersrcs onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(context);
        // 加载修改后的单图布局
        View v = inflater.inflate(R.layout.single_header_design, parent, false);
        return new GetHeadersrcs(v);
    }

    @Override
    public void onBindViewHolder(@NonNull ImageRecyclerAdapter.GetHeadersrcs holder, int position) {
        HeaderData hdata = Hsrcs.get(position);
        // 给单个ImageView加载当前分类的图片
        Glide.with(context)
                .load(hdata.getCat_image())
                .error(R.drawable.defaultceleb)
                .into(holder.circImage);
        // 可选：设置分类名称
        holder.catName.setText(hdata.getCat_name());
    }

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

    public class GetHeadersrcs extends RecyclerView.ViewHolder {
        ImageView circImage;
        TextView catName; // 新增的TextView

        public GetHeadersrcs(View itemView) {
            super(itemView);
            circImage = itemView.findViewById(R.id.circ_image);
            catName = itemView.findViewById(R.id.cat_name);
        }
    }

    public void setHeaderdata(List<HeaderData> headerdata) {
        this.Hsrcs = headerdata;
        notifyDataSetChanged();
    }
}

第三步：验证效果 #

修改完成后，你的RecyclerView会生成两个独立的Item：

• 第一个Item显示Actor的图片和名称
• 第二个Item显示Actress的图片和名称
  完全符合你“为Actor和Actress各自生成一个独立视图”的需求。

额外说明 #

如果你原本的需求是一个Item里同时显示Actor和Actress的图片（比如横向并排），那你需要修改数据源结构，把Actor和Actress的数据封装到同一个HeaderData对象里，而不是现在的两个独立对象。但从你的描述和JSON数据来看，显然是前者的需求——每个分类作为独立Item展示。

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